2탄은 쿠키 한 조각 🍪 당 충전하고 보기
목차
- 깃헙 사용법
- 초기 세팅
- 협업 방식
- 다양한 도구 활용
- API 개념 확립
- 폴더 정리
- velog 포스팅
- 테스트 방법
- 반응형
- 템플릿 활용
API 개념 확립
https://velog.io/@eunsuknoh/wc-project-til-241017
해당 포스팅 참고 바람
폴더 정리
https://velog.io/@eunsuknoh/wc-project-til-241010
해당 포스팅 참고 바람 222
velog 포스팅
개발자 이력서 / 포트폴리오를 찾아볼 때 블로그도 있으면 좋다는 내용을 어디선가 봤는데,
이미 공부할 때 필기로만 해서 그냥 없는 상태로 고.하기로 했다 🚶♀️
그런데 이번 플젝을 하는 김에 기록용으로 겸사겸사 만들면
완전 럭키비키자나 ? ☘️ 라는 생각이 들어 이렇게 만들게 되었다
개발자용 블로그 비교 추천 글을 읽고 (티스토리 / 벨로그 등)
velog가 가장 괜찮을 것 같다는 판단 하에 프로젝트 구상부터의 내용을 작성했다.
확실히 마크다운을 작성해볼 수 있는 경험이 되었고,
개발 관련 기록용으로 좋은 선택지였다
(최신 겟글 보면 99%...? 가 개발 관련 내용이라 그냥 개발자를 위한 플랫폼임)
테스트 방법
백엔드와 맞춰볼 때 오류나면 (능력 부족으로) 그 자리에서 해결하기 어렵다는 것을 스스로 알고 있어서
가능한 사전에 오류없이 작동할 수 있도록 테스트를 진행했다.
gpt에 "서버 없이 코드 테스트" 하는 법에 대해 질문을 던졌고
답변으로 사이트를 이용하는 법을 주었는데, 뭔가 전에 기억으로
mock data가 괜찮았던 것 같아서 (솔직히 사이트를 가입하고 새로 배우고 하기에는 촉박하여)
mock data를 사용해 테스트를 진행했다.
다행히 미리 테스트를 해서 가정했던 상황들을 피할 수 있었고
물론 예상치 못한 오류들은 있었지만 괜찮았던 시도였다.
(백엔드에서 api 답변을 주는 방식에서 비롯된 추가 오류처리)
근데 테스트를 하면서도 다들 이렇게 하고 있는 건지? 어떻게 하는 건지 의문이 들었다.
아무튼 다음에는 웹사이트를 활용하는 방법을 시도해볼 것이다
반응형
반응형에 대한 고찰.
반응형을 팀원분이 전체적으로 먼저 해주셔서
이후의 디테일 작업을 진행했다 (생각해보니 반응형에 대해 제대로 공부해본 적 없음)
근데 이게 폰 / 패드 기준으로 2개를 하는 게 보통인 건지....
이 부분을 확실히 모르겠음. 우리는 폰만 작업한 것 같고.
개발자 도구 켜서 보면서 작업하는데도 뭔가 석연치 않고 알 수 없는..
근데 시간이 부족하기도 하고 우선순위는 아니여서 그 정도로 만족하기로 했다
찾아보니 반응형 라이브러리(react)도 있다고 해서 다음 플젝 혹은
개인 포폴 시에는 라이브러리를 사용해보고 싶다.
궁금한 점) 화면 크기마다 미묘하게 깨지는 레이아웃들을 개발자들은 하나하나 설정해놓는 걸까? 🤔
템플릿 활용
Notion / readme 템플릿 활용
-
노션 마켓플레이스 https://www.notion.so/ko/templates
진짜 찐- 극 후반부에 가서야
아. 템플릿(!!)하고 찾아서 적용했던 노션 템플릿.
당연히 유료 템플릿이 퀄리티가 좋지만
무료 중에서도 맘에 드는 것을 발견해 바로 적용했다
사용하면서 이 어려운 노션을.. 이렇게까지 구현한 것에 대해 제작자분들에게 감탄했다 🥹 -
https://www.readme-templates.com/#build-process
readme 작성 시 참고했던 템플릿이 있는 사이트 !
다른 사이트도 있겠지만 나는 요 사이트가 개인적으로 맘에 들었다
가장 첫번째 템플릿을 사용했고, 상단 부분만 활용하고 나머지는 컷 ✂️
처음에는 여러 readme를 참고해서 만들려고 많이 찾아봤는데, 검색이 쉽지 않았다
(github 내 검색 시 양이 너무 많고 일일이 봐야 함.
근데 readme가 작성된 플젝도 있고 아닌 경우도 있어서 끝이 없음)
여럿 찾아봤지만 들인 시간 대비 원하는 결과가 나오지 않았다
템플릿 최고
