내가 보기위한 유용한 사이트 및 링크 모음

자료구조

• 자료구조 시각화 사이트 ttps://www.cs.usfca.edu/~galles/visualization/ComparisonSort.html
• 코딩하는 거니 : 큐, 스택 쉽게 설명 https://www.youtube.com/watch?v=Vfg6-AWGsCw&list=PLLcbGhhl4sQCiZxLuqDDDH6q-rc4wyaKe&index=7

Javascript

• poiemaweb / js, html, css 모두 공부하기 좋은 사이트 : https://poiemaweb.com/
• 책 추천 : 모던자바스크립트

정규표현식

• 정규표현식 개념 : https://www.youtube.com/watch?v=t3M6toIflyQ
• 정규표현식 개념 및 연습 : https://regexone.com/
• 정규표현식 연습 : https://regexr.com/5mhou

네트워크 쪽

• sql : https://youtu.be/dgpBXNa9vJc

HTML

• poiemaweb / js, html, css 모두 공부하기 좋은 사이트 : https://poiemaweb.com/
• HTML elements reference: https://developer.mozilla.org/en-US/d...
• Validator 유효한 태그를 사용했는 지 검사 : https://validator.w3.org/

CSS

• poiemaweb / js, html, css 모두 공부하기 좋은 사이트 : https://poiemaweb.com/
• CSS property Reference 속성찾는 사이트: https://developer.mozilla.org/ko/docs/Web/CSS/Reference
• 글꼴 크기 절대, 상대단위 보는 사이트 : MDN, w3schools
• CSS tricks 공부하기 좋음 : https://css-tricks.com/

react

공식 사이트들

• Reac: https://reactjs.org/docs/getting-started.html
• reate React App: https://create-react-app.dev/docs/getting-started

레이아웃 설계 사이트

• 피그마 : https://www.figma.com
  와이어 프레임, 화면단위의 레이아웃을 설계하는 작업을 할 수 있는 사이트
• 핀터레스트 : https://www.pinterest.co.kr/
  레이아웃을 어떻게 설계할지 참고하기 좋은 사이트 (와이어프레임 검색)

레이아웃 레퍼런스

• 레이아웃을 그대로 가져와서 쓸 수 있다.
  (연습용으로는 레이아웃 레퍼런스를 보고 이건 어떻게 만든거지? 생각하며 따라 만들어보기!)

• 부트스트랩 : http://bootstrapk.com/

• 엔트 디자인 : https://ant.design/

• material 디자인 : https://material.io/

게임사이트

• CSS Dinner 게임: https://flukeout.github.io/
• Flexbox Froggy 게임: https://flexboxfroggy.com/

강의 사이트

유튜브

• 생활코딩 - 기본으로 듣고 시작하는 곳! 모든 기초를 시작할때 보면 좋다.
  https://www.youtube.com/c/생활코딩1
• 드림코딩엘리 - 자바스크립트, html, css 개념정리가 잘되어있다. ( 드림코딩아카데미라고 유료강의 사이트도 따로있다.)
  https://www.youtube.com/c/드림코딩by엘리
• 코딩앙마 - 정리가 잘되어있고 리엑트 무료강의로 추천받은 곳https://www.youtube.com/channel/UCxft4RZ8lrK_BdPNz8NOP7Q
• 얄팍한 코딩사전 - 재밌고 가볍게 이해하기 좋음(초보) git 강의를 봤다.
  https://www.youtube.com/channel/UC2nkWbaJt1KQDi2r2XclzTQ