day 1

• 본 강의에서 다룰 언어와 tool

      html / css(scss) / js(jquery) >>화면구성

      MERN stack : MongoDB / Express / React / Node.js

                           >>DB            >>Framework

      etc : Vue, Git

 

 

• 가능한 직업군

      웹디자인(UI/UX) >> figma(ppt)

      웹퍼블리셔

      웹기획

      백엔드(서버)

      프론트엔드(react/vue)

 

      * 프론트엔드 >> react(by. facebook) / vue / angular(by. google)

 

 

• cli에 익숙해지기
  (vs. gui : graphic user interface)

 

 

• 비쥬얼 스튜디오 extension 활용하기

       - korean language : 한국어로 변경

       - vscode-icons : 작업화면에 보여지는 다양한 요소들의 아이콘 생성

       - live server : 새로고침 없이 변경된 저장사항 페이지 반영

       - auto rename tag : 태그세트 한번에 변경

       - Prettier : 지저분한 정렬을 정리한 뒤 저장 

         * 설치 후, 설정에서 Default Fomatter를 prettier로 설정 후, Format On Save 체크해야 적용됨.

 

 

• HTML : Hyper Text Markup Languege

      - Markup : 의미없는 텍스트에 의미를 부여하는 것

 

 

 

• 홈페이지 제작 >> html 마크업 + css 편집 + js 인터랙션(*interraction 유저와 상호작용)

                  구동 >> 서버 + 고정아이피 + 서버프로그램을 설치 후 구동

 

 

• 단축키

     - 한 줄 복사 : shift+end+↑↓방향키 , 복사 후 위치이동: alt+↑↓방향키

     - 주석 달기 : ctrl+/

     - 줄 복사 : alt+shift+↓방향키

     - 태그랩핑 : 텍스트를 먼저 작성했을 때 태그로 감싸기 ctrl+shift+w

     - 태그삭제 : ctrl+shift+r

     - 태그삽입 : li>a, li*>a(태그 개별삽입)

 

 

• 웹페이지 참고 사이트

      - gdweb.co.kr >>트렌드 확인하기

      - awwwards.com 

      - caniuse.com >> 브라우저별 사용가능한 기능검색 가능

      - validator.w3.org >> 오류확인

      - netlify.com >> 홈페이지 배포