소개
⭐ 이름 : 김범조
📧 메일 : [email protected]
☎️ 전화번호 : 010-8834-4575
📚 notion 바로가기
🖥️ github 바로가기
📖 velog 바로가기
기록을 통한 성장을 추구하는 개발자입니다.
처음 기록하게 된 과정은 github 툴 학습 과정에서 어려움을 느껴 기록을 시작하면서 현재는 개발자가 되기 위한 저의 경험 들을 다 기록으로 남겨 놓고 있습니다.
이렇게 축적된 기록들은 단순한 자료가 아니라, 새로운 문제를 마주했을 때 과거의 경험을 토대로 해결책을 찾아가는 저만의 데이터베이스 역할을 하고 있습니다.
이러한 기록 습관을 통해 지속적으로 학습하고 성장하는 개발자가 되어 의미 있는 기여를 하고 싶습니다. 감사합니다.
개인 프로젝트
분양 홍보 페이지
주변 지인 분이 간단하게 아파트 홍보 페이지를 만들어 달라는 요청으로 인해 이번에 모바일 친화적인 웹앱을 만들어 접근성을 높일 수 있는 홈페이지를 만들어야 된다고 생각하여 반응형 디자인을 고려했습니다.
중단점을 활용한 모바일 친화적인 반응형 웹페이지 구현
- tailwindcss를 활용하여 css 디자인을 하였는데 tailwindcss의 특징인 모바일 퍼스트 원칙을 이용하여 디자인하여 반응형 디자인을 적용하였습니다.
- 모바일 퍼스트 원칙에 따라 제일 작은 화면일 때를 기준으로 하고 sm, md 사이즈의 테블릿 화면까지고려한 스타일링
Nav 아이템에 프로그래밍 스크롤 방식 적용
- 각 메뉴 아이템마다 많은 내용을 포함하지 않을 경우 하나의 페이지에 모든 아이템에 관한 내용을 담을 수 있는데 이 경우 클릭 이벤트를 페이지 이동이 아닌 특정 컨테이너 영역으로 잡아 아이템을 클릭할 경우 특정 컨테이너 영역으로 이동하는 방식을 선택할 수 있었습니다.
- 각 네비게이션 바에 대한 아이템 내용이 적어 한 페이지에 다 표현이 가능했으므로 이러한 기능을 사용하였습니다.
배포 후 서치 엔진 등록
- sitemap.xml 과 robots.txt와 같은 파일들을 생성하여 설정하여 서치 엔진 봇이 더 많이 탐색하도록 유도할 수 있도록 하였습니다.
- 하지만 분양 홍보 페이지를 요청한 사용자의 경우 도메인을 사면서까지 검색엔진에 노출될 필요성을 못 느꼈어서 서치 엔진 등록을 하였지만 vercel로 배포된 사이트 링크로써 신뢰등급에 낮은 평가를 받아 포털의 상위 위치에 사이트가 노출되지는 못하였습니다.
프로젝트
코코무 (COCOMU)
✅ 실시간으로 공유할 수 있는 코드 에디터를 이용하여 사람들과 함께 스터디를 만들어 알고리즘 문제를 풀 수 있도록 서비스를 제공하는 것이 프로젝트의 목표입니다.