Home
da-in
Cancel

[Project] Github Pages Deploy 404 오류 안나게 하자 (feat. gh-pages)

배포는 정말 삽질하기 딱 좋은 것 같다. 보통 프로젝트 하면서 딱 한번 설정하고는 수정하는 경우가 많지 않으니, 다음 프로젝트에서 배포할 즈음이면 기억이 흐릿하달까. 🤔 클라이언트 개발을 하는 동안에는 팀원들도 링크로 쉽게 확인할 수 있도록 정적 페이지를 호스팅해둘 예정이다. 무료로 호스팅이 가능한 Github Pages로 CI/CD까지 적용해놓으면...

[Git] 깃허브가 할로윈을 보내는 법 (feat. Solved.ac)

흔히들 깃허브 잔디라고 말하는 contribution. 깃허브의 초록초록한 커밋 기록을 채우는 건 잔디를 심는다고도 많이 표현했고, 아이덴티티였는데. 오늘 보니 깃허브 색이 변했다. 노랑 주황 검정색으로 변해있었다. Github Contribution 2D 2D로 봤을 때에는 노란색이라 귀여운 느낌이다. Github Contribution 3D...

[Roadmap] 프론트엔드 개발자 준비하기 Frontend Developer Roadmap

취준생이 되었는데 뭘 어떻게 준비해야할지 막막했다.🤔 계획을 세우려면 무엇을 성취할지 목표가 뚜렷해야 최대 효율을 내는 사람인데, 당장 뭘 해내야할지 모르겠더라. 그래서 앞으로 무엇을 공부할지 정리해본다. (공부를 하면서도 계속 계획의 방향성을 고민하고 수정할 예정이다.👍) 먼저 개발자 커뮤니티에 의해 관리되고있는 개발자 로드맵의 내용들을 차근차근...

[BOJ] 1002 터렛 풀이

고등학교 때 최애 과목이 확률과 통계, 기하와 벡터였던 나… 개발자가 되려는 복선이었을지도…?🤔 백준 1002번 터렛은 고등학교 때 추억이 새록새록 떠오르는 문제다. 중점의 좌표와 거리가 주어져 적이 존재하는 위치를 원으로 나타낼 수 있고, 두 원의 접점이 적이 있을 수 있는 좌표이다. 그래서 이 문제는 두 원의 접점의 수를 구하는 문제이다.(두근)...

[Blog] Git Blog에 댓글 기능 추가하기 (Jekyll, Chirpy, 400, 404 Error 정리)

댓글 기능을 추가해보자! 그동안은 그저 기록 용이라고 생각하고 포스트를 적었지만, Google Analytics에 등록하니 생각보다 많은 분들이 조회해주시는 것을 확인했다. 앞으로 더 열심히 공부하며 적어야겠습니다. 킹치만 나는 코린인걸…😣 공부하면서 적는 글이다보니 잘못된 내용을 적으면 어떡하지 라는 생각이 들고 소름이 끼쳤다. 그리고 그 글을 ...

[Portfolio] 4일차, 개발(2) Scroll Navigation (Feat. FowardRef & Intersection Observer)

4일차, 개발 (2) Scroll Navigation 포트폴리오 스크롤의 길이가 매우 길어질 것 같았다. 그래서 쉽게 영역들을 이동할 수 있도록 좌측에 네비게이션을 두었다. 스크롤 시에도 고정된 위치에서 보여지도록 구상했고, 현재 영역을 진하게 그리고 화살표로 표시했다. -2일차 디자인 내용 중- 어제의 애니메이션은 어려워보였지만 생각보다...

[Portfolio] 3일차, 개발(1) 글씨 써지는 애니메이션 제목과 레이아웃

3일차, 개발 (1) 글씨 써지는 애니메이션 제목과 레이아웃 🎨 서비스의 로고 까지는 아니지만, 내 이름 손글씨 세 글자를 아이덴티티로 가져가고 싶었다. Hand Writing 폰트를 사용하기보다는 진짜 내 글씨를 담고 싶어서, 손글씨를 쓴 후 일러스트레이터로 패스를 따서 SVG 파일로 변환해 사용하였다 …(중략)… 추후 구현할 때에 SVG파일...

[Portfolio] 2일차, 포트폴리오 디자인

2일차, 포트폴리오 디자인 🙂 두구두구. 사실상 포트폴리오를 직접 만드는 과정에서 디자인이 제일 중요하다고 본다. 디자인이 깔끔하게 나오지 않는다면, 노션 등의 다른 플랫폼을 안쓰느니만 못할 것이기 때문이다. 비장한 각오로 Figma를 켜고 작업을 진행했다. Portfolio Design 포트폴리오의 전체 모습은 아래 Figma 링크로 확인할 ...

[Portfolio] 1일차, 포트폴리오 기획

1일차, 포트폴리오 기획 🙂 포트폴리오 페이지를 React로 만들어두고, Git Workflows로 CI/CD도 적용을 해두고서는, 문득 생각날 때 마다 조금씩 건드렸다. 그 결과 하울의 움직이는 성 처럼, 혼란스러워진 나의 포트폴리오. 디자인적으로도 심란했다. 🥲 그래서 1주일 시간을 집중적으로 투자해서 빠르고 깔끔하게 완성시켜보기로 했다. 🔥...

[Portfolio] 포트폴리오 직접 만들기!(ing)

프론트엔드 개발자라면! 누구나 직접 포트폴리오 하나 쯤 만들어보는 로망이 있죠.🙂 내가 시간이 없지 낭만이 없냐!😊 그렇습니다. 이제는 시간이 흘러 취준생이 되어버린 것입니다.🥲 취업을 하면 내가 지금까지 어떠한 프로젝트를 경험했고, 무엇을 배웠는지를 드러내야합니다. Github, 개발 블로그 혹은 배포한 사이트 링크를 개별로 첨부하는 ...