VS Code (https://code.visualstudio.com/docs/?dv=win64user)Visual Studio Build Tools (https://aka.ms/vs/17/release/vs_BuildTools.exe) 1. 작업 디렉토리 경로 확인2. 'Developer Command Prompt for VS 2022' 또는 'Developer PowerShell for VS 2022' 실행3. 디렉토리 경로의 드라이브 위치 (ex. C:)4. cd "[디렉토리 경로]"5. code .

JavaScriptHTML-정보 내용 및 구조 & CSS-디자인 & JavaScript-동적 기능- 클라이언트에서 웹페이지의 동작을 담당 HTML1+1 Event웹 브라우저의 이벤트(사용자 동작)을 감지하고, 이에 반응하여 JavaScript 코드를 실행Event Console파일을 만들지 않고 JavaScript 코드를 실행하고 테스트하는 개발자 도구 (F12) 기본 문법- Data Type: number, string 등- 변수(var), 상수, 대입 연산자(=)- 웹 브라우저 제어 (DOM 조작)- DOM(Document Object Model) : HTML 문서를 객체로 표현한 것. HTML로 구성된 웹 페이지와 스크립트 및 프로그래밍 언어를 연결시켜주는 역할 (참고: https://docs.to..

CSSCascading Style SheetsHTML-정보 내용 및 구조 & CSS-디자인- 중복의 제거를 통한 효율성 향상 및 유지보수의 용이 : 중복되는 디자인 코드를 하나의 CSS 규칙/코드로 관리 Selector (선택자)CSS 효과를 적용할 대상을 지정. 특정 태그, 클래스, ID 등을 선택.- 우선순위 : ID(#id) > 클래스(.클래스명) > 태그(태그명) Declaration (선언)선택자에게 적용할 구체적인 효과. Property(속성)과 Value(값)으로 구성. ; (세미콜론)으로 각 선언 구분.- Property : 변경하려는 디자인의 종류- Value : Property에 적용할 구체적인 값 적용 방법 (예제 코드) - style 속성 사용 HTML 태그 내에 style 속성을 ..

HTMLHyperText Markup Language웹페이지의 구조와 내용을 정의하는 마크업 언어. 웹페이지를 만드는 가장 기본적인 언어. TagHTML의 기본 문법 단위. 로 묶인 키워드. 웹페이지의 콘텐츠에 의미와 구조를 부여.의미론적으로 적절한 태그 사용을 통해 검색 엔진 노출도 향상 가능. (예: 태그와 태그의 사용) AttributeHTML 태그에 추가 정보를 제공하는 문법. 형태로 작성. (예: 대표적인 태그들- : 앵커 태그 - 링크- : 단락 태그- : 줄바꿈 태그- , : 목록 태그- : 이미지 태그- , ... : 제목 태그- : 강조 태그 (볼드) 예제 코드 글 제목 목록 1번 소제목 내용 1번째줄내용 2번째줄 REFERE..

Git vs GithubGit : VCS(Version Control System), 로컬에서 코드/파일의 변경 이력을 기록 및 관리하는 도구 (소프트웨어)Github : Git 저장소 호스팅 서비스 및 공동 협업 플랫폼 (웹서비스) Github Desktop은 CLI 기반인 Git을 쉽게 사용할 수 있도록 GUI로 제작된 프로그램.세부적인 고급 기능을 사용하기 위해서는 CLI 명령어를 숙지할 필요가 있음. 일반적인 클라우드 서비스(Google Drive 등)와 Github의 차이점1. 세부적인 수정 사항의 기록 여부구글 드라이브와 같은 일반적인 클라우드 서비스에서는 단순한 버전 기록 기능만을 제공.Github는 세부적인 수정 기록(커밋 로그)을 관리 할 수 있음. (위키의 수정 기록과 유사. 어느 부분..

함수 (행동, 절차)- 독립적인 코드 블록- 데이터를 소유하지 않음 (외부로부터 인자를 받아서 결과를 반환)- 상태가 없음 (이전의 결과를 기억하지 않음) 클래스 (설계도, 틀)- 객체를 만들기 위한 설계도- 구조 정의 (만들어질 객체의 속성(데이터)과 메소드(행동)를 정의)- 실체가 아님 (개념적인 정의) - 클래스 작성class 클래스명: __init__(self, 매개변수1, 매개변수2, ...): self.속성1 = 매개변수1 self.속성2 = 매개변수2 ... def 메소드명(self): 코드 객체 (실체, 결과물)- 실제로 만들어진 인스턴스(존재)- 데이터와 행동의 결합 (속성(데이터)과 메소드(행동)를 가짐)- 상태가 있음 (자신만의 독립적인 속성 값..