코딩일기

https://code.visualstudio.com/

위 링크에 접속

자신의 운영체제(Windows, macOS 등)에 맞게 다운로드

별도의 설정 없이 [다음]버튼을 눌러 설치 후 [종료]버튼 클릭

• 비주얼 스튜디오 코드의 기본 언어를 한글로 변경

비주얼 스튜디오 코드 실행 후 왼쪽 사이드바에서 확장 아이콘 클릭(①) 후 검색창에 'korean' 입력(②)

검색결과중 'Korean Language Pack for Visual Studio Code' 클릭(③)후 나오는 창에서 'install' 클릭(④) 후 설치가 완료되면 재시작

다음과 같이 메뉴가 모두 한글로 바뀌었으면 정상적용 완료

• 테마 색상 변경

관리아이콘 클릭(①) 후 '색 테마' 클릭(②)

원하는 테마로 변경

밝게+(기본밝게) 테마로 적용한 모습

• 작업 폴더 추가하기

상단 메뉴바의 '파일' 클릭 후 '폴더 열기' 클릭

추가하고자 하는 폴더 선택 후 '폴더 선택' 클릭

정상적으로 폴더가 추가된 모습

정적 사이트(static site)와 동적 사이트(dynamic site)

• 정적 사이트 :
  미리 작성한 내용을 웹 사이트에 올려놓고 방문자에게 정보를 보여주기만 하는 웹 사이트
  (ex 포트폴리오, 기업 홍보 사이트)
  
  
• 동적 사이트 :
  화면에 보이는 모습 뿐 아닌 다양한 서비스와 기능을 포함한 사이트 
  (ex 페이스북, 쇼핑몰)

웹 개발은 웹 사이트에서 사용자에게 제공할 기능과 서비스를 모두 담을 수 있어야 한다.

서버(sever)와 클라이언트(client)

• 서버 : 요청받은 정보를 제공
  웹 사이트에 접속하면 보이는 텍스트, 이미지, 동영상 등의 웹 요소와 다양한 정보가 저장되어 있는 컴퓨터.
  웹 사이트에서 정보를 검색하거나 처리한다.
  
  
• 클라이언트 : 필요한 정보를 요청
  사용자가 웹 사이트에 접근하고자 사용하는 PC나 스마트폰 등.
  사용자의 요청을 받아 처리된 결과를 보여준다.

프론트엔드(front-end)와 백엔드(back-end)

웹 개발을 크게 2가지 영역으로 나누면 프론트엔드와 백엔드가 있다.

• 프론트엔드 : 사용자의 앞(front)에 보이는 영역
  웹 사이트를 디자인하거나 사용자 동작에 반응하는 기능을 만들 수 있다.
  스마트폰, 태블릿 등 다양한 웹 브라우저의 종류와 버전에 따라 작동할 수 있게 만드는 것이 중요하다.
  주로 HTML, CSS, 자바스크립트를 사용
  
  
• 백엔드 : 사용자의 뒤(back)에 보이는 영역
  웹사이트의 회원 정보나 게시판 글 등의 데이터베이스(database)를 설계하거나 처리할 수 있다.
  주로 자바, PHP, 파이썬을 사용