유용한 사이트 모음

그동안 여러 유튜브와 잡다한 검색을 하며 모아뒀던 아주 유용한 사이트들! (계속 추가중 ٩(๑′∀ ‵๑)۶•¨•.¸¸♪)

웹사이트에서 실행해볼 수 있는 사이트

• jsbin : https://jsbin.com/
• repl.it : https://replit.com/
• sandbox

css관련

• flex box froggy : https://flexboxfroggy.com/#ko
  ;justify-content, align-items,flex-direction 개념을 확실하게 잡아주는개구리 게임. (비슷한 예로 생코에서 소개한 벤또게임도 있다)
• css tricks : https://css-tricks.com/snippets/css/a-guide-to-flexbox/
• color tool : https://material.io/resources/color/#!/
• font awesome
  ;아이콘 무료
• flaticon
  ;아이콘 무료
  https://www.flaticon.com
• google fonts
  ;폰트 무료
• pxtoem.com
  ;px를 em,rem으로 변환할 때
  emoji 혹시 키보드안먹힐 때
  https://getemoji.com/
• ❗️내가 쓰는 property가 좋은 것인지 아닌지 확인!
  https://csstriggers.com/

JavaScript

세계에서 가장 보기좋게 코딩컨벤션을 작성한 곳 airbnb :
https://github.com/airbnb/javascript

React

• Introducing JSX: https://reactjs.org/docs/introducing-jsx.html
• JSX In Depth: https://reactjs.org/docs/jsx-in-depth.html
• mock data 만들어주는 곳:
  https://jsonplaceholder.typicode.com

기타 참고 사이트

• MDN : https://developer.mozilla.org/
• Ko :
  http://tcpschool.com/javascript/js_event_concept
• Can I use? : https://caniuse.com/
  얼마나 많은 속성들이 얼마나 많은 호환되는 사이트. 얼마나 많은 사용자들이 쓰고 있는지 알려준다.
• 네이버 부스트코스
  기본적인 CS 지식을 습득할 수 있는 곳!! 개인적으로 쉽고 부담없이 들을 수 있어서 추천!!
  https://www.boostcourse.org/cs112

VSCODE EXTENSTION

1. Material Theme :
   -테마 바꿀 수 있다.

2. Marterial Icon Theme
   -아이콘 테마, 아이콘이 조금 더 생동감 있게 바뀐다

3. Preitter - Code formatter
   -코드 포멧팅
   -ctrl + 눌러서 setting 창으로 이동

4. Bracket Pari Colorizer
   -괄호마다 코드에 색깔을 다르게 줌

5. Indent-rainbow
   -들여쓰기 된 부분을 레인보우컬로로 하이라이트 표시
   -코드 읽을 때 도와줌

6. Auto Rename Tag
   -앞에 태그를 바꾸면 뒤에 태그를 자동으로 바꿔줌

7. CSS Peek
   -html에서 css를 금방 찾게해줌
   -html에서 커맨드나 컨트롤키를 누른 상태로 클릭하면 정의된 css파일로 이동하게 해줌.

8. HTML CSS Support
   -html에서 css의 자동완성을 이용하게 해줌

9. Live Server
   -html이나 css 수정 시 브라우저창에 새로고침하는 것을 없애줌.
   -커맨드 팔렛트에 > live Server: Open with Live Server 입력하고 숏컷키 후 실행