[추천] 주니어 개발자를 위한 소소한 개발 외 사이트와 VSCode Extension 정리

제가 부족함을 느껴 공부하던중 찾은 정보들입니다.
저도 애용하는 사이트들 입니다.
주변의 도움 받지 못한 주니어 개발자분에게 도움이 됐으면 합니다.
저보다는 덜 헤매고 더 쉽게 공부하시길 바랍니다.

1. 좋은 깃 커밋 메시지를 위한 영어사전

   • 좋은 깃 커밋 메시지 목록이 나열되어있는 블로그
   • 깃 커밋 메시지 규칙이 생소하거나 영어로 커밋 메시지를 작성하는데 어려움을 겪는 사람들을 위해 작성되어 있다.
   • 예시가 존재해서 커밋 메세지를 작성해본 경험이 적은 개발자들에게도 도움이 될 것 같다.
   • 영어에 익숙하다면 How to Write a Git Commit Message blog

2. 마크다운 작성법

   • velog 마크다운 작성법
   • 마크다운 작성법이 생소한 개발자를 위한 블로그글
   • 예시와 설명이 붙어있어 이해하기 쉽습니다. 이글을 따라 작성하면 당신도 마크다운 천재가 될 수 있다.💪
   • 저는 VsCode 또는 Notepad ++ 에 주로 작성하지만 웹에 마크다운을 작성하면서 확인하기에는 StackEdit가 좋습니다.

3. 스웨거 문서 작성사이트

   • SwaggerEditor
   • 스웨거 허브 가입, 계정 생성 과정이 복잡하고 귀찮다면 swagger editor로 바로 들어가세요. File > Import file 하시면 파일을 열 수 있습니다.
   • 작성 완료된 파일은 File > SAVE as YAML 로 저장할 수 있습니다.
   • 일단 문서를 보시면 어떤걸 입력해야하는지 감이 오실텐데요. 헷갈리신다면 Swagger API 명세 만드는 법중반부 부터 보시길 추천합니다. 그래도 이해가 안되시면 ‘스웨거 문서 작성법’,’스웨거 api 문서’로 구글링 추천드려요.

4. CanIUse.com

   • CanIUse.com
   • 브라우저별 확장자, CSS 적용 여부를 확인할수 있는 사이트 입니다.
   • 브라우저별로 지원하는 파일 확장자, CSS 속성등이 다르기 때문에 확인이 필요합니다. 검색시 빨간 박스가 뜬다면 그 버전의 브라우저에는 지원하지 않는 속성이라는 뜻이니 추가 설정이 필요합니다.

5. FontAwesome

   • FontAwesome
   • 무료로 사용할수 있는 아이콘들이 있습니다. 일부는 유료지만 무료로도 충분할거예요.
   • FontAwesome Doc FontAwesome을 적용하기위해 읽어야할 문서입니다.

6. VSCode Extension

   • 드림코딩 VSCode Extension 10개 추천을 추천드립니다.
   • 드림코딩 강의를 자주 듣는 편인데 강의도 좋으니 유투브 영상보고 관심 있으시면 드림코딩 강의사이트를 추천드립니다. Javascript 관련된 강의가 많습니다. (저에게는 일절 혜택 없습니다.)
   • Developer Affirmations : VSCode를 열때 마다 영어로된 짧은 응원문장을 하단 우측 창에 띄워 줍니다. 도움을 받기 힘든 주니어 개발자들에게는 작은 응원도 도움이 되더라고요. 짧은 문장을 읽으면서 힘든시간 잘 버티시길 바랍니다. 화이팅!