본문 바로가기

Project7

[포트폴리오 웹페이지]프로젝트 메타인지하기, 마이그레이션 준비 취업 준비 기간동안 작성한 포트폴리오 웹페이지가 있다. 이때는 다른 프로젝트들을 이미 React로 진행했기 때문에 기본기를 다지고, 갖추고 있음을 어필하기 위해 Vanilla JS를 사용하여 웹 페이지를 만들었다. 사실은 이후에 취업하면 마이그레이션 작업을 하려고 했다. 그러나 일로 바쁘다는 핑계로 마이그레이션 작업이 많이 늦춰졌다. 어느새 경력이 1년이 되어가는 시기인지라, 언제까지 Vanilla JS로 웹페이지를 둘 수도 없으니 늦게라도 마이그레이션을 진행하기로 결심했다.프로젝트 메타인지 하기 먼저 프로젝트를 진행하기 앞서 나, 그리고 나아가 프로젝트에 대한 메타인지를 명확히 하기 위해 몇 가지 질문에 대해 스스로 대답을 작성했다.  1. 왜 하는가? 이제 정식으로 개발자가 되어 경력을 쌓아가고 .. 2024. 8. 18.
[포트폴리오 웹페이지] Meta tag 추가 태그 안에 새롭게 메타 태그를 추가했다. 카카오톡 나와의 채팅에서 확인해본 결과, meta tag를 포함하지 않아 다소 밋밋하다는 생각이 들었다. 이에 따라 Open Graph 태그를 활용해 정보를 추가하는 비교적 간단한 작업을 진행했다. 한 가지 작업 중에 시간을 소비한 것은 og:image 태그를 사용할 때 이미지 경로르 어떻게 설정할지 몰라 잠시 헤맸다. OG 태그는 name 대신 property, 이 외에는 그대로 content 속성을 사용하는데, og:image의 경우 해당 이미지가 보이는 파일 경로를 설정하는 부분을 명확히 이해하지 못했다. 이에 따라 이미지 경로를 상대 경로, src 속성 등을 활용해 바꾸어보았는데 잘못된 접근이었다. SSR을 잘 이해하고 있으면 간단히 해결할 수 있는 문제였.. 2023. 6. 15.
[포트폴리오 웹 페이지] 웹사이트 리팩토링 개발자라면 꼭 가지고 있을 개인 포트폴리오 웹사이트를 만들었다. 직접 만들어보기 - 피드백 - 피드백 반영 및 추가 수정을 통한 웹 페이지의 변경 과정과 겪었던 어려움 등을 기록해 놓으려고 한다. 프로젝트 목표 1. 지속 가능성과 확장성을 가진 나만의 웹 페이지 개발자에 대한 꿈을 꿨을 때, 내가 관리하고 수정이 가능한 웹 페이지가 갖고 싶었다. 이제는 진정한 개발자가 되기 위한 마지막 단계를 밟고 있는 만큼, "나는 어떤 개발자가 될 것인가"에 대한 나의 개발 가치관과 생각을 정리할 수 있는 웹 페이지가 필요했다. 또한, 지속적인 유지/보수가 가능하고 더 다양한 페이지와 기능들을 제공할 수 있는 웹 페이지를 만들고 싶었다. 개발자의 삶을 계속 이어나가다 보면 가치관이나 생각이 변할 수 있다고 생각한다.. 2023. 6. 8.
프로젝트 4, 5일차 (기본 뼈대 구성 및 CSS 추가) 보호되어 있는 글 입니다. 2022. 11. 21.
프로젝트 3일차 (Figma) 보호되어 있는 글 입니다. 2022. 11. 11.
프로젝트 2일차 (Brainstorming 마무리, draft 페이지 작성) 보호되어 있는 글 입니다. 2022. 11. 9.