상황에 따라 변할 수 있는 값선언은 let을 사용할당을 위해 '=' 사용 ex) let i = apple할당이 없다면 undefined(정의되지 않음)변수를 활용하여 반복적인 작업 편리하게 할 수 있다.ex) 구구단을 출력할 때, 단수를 변수로 설정해서 변수만 바꿔가며
str.index0 : 첫번째 index는 0부터 1X\+연산자 사용 가능 문자열 + 문자열 = 문자열이 합쳐진다.숫자 + 문자열 = 문자열로 변환됨str.indexOf : 찾고자 하는 문자열처음으로 일치하는 index 반환, 없을 땐 -1str.includes() :
웹 페이지의 구조를 만드는 마크업 언어. 태그들을 활용해 구성.태그를 열고 닫는 구조 ex) <div></div>태그 내부에 내용이 없다면 <div />로 표현html : html 문서 전체를 감싸는 태그head : 머리말. CSS, JavaScript
시맨틱 태그 : <div>와 같은 역할이지만 이름에 의미를 붙여서 부르는 태그body{ color: red; font-size: 30px;}background와 background-color의 차이점background-color는 단순히 색 옵션만 가능bac
color를 사용해서 변경HEX값 또는 색상의 이름.name{color: red} 또는 \`.name{color: \* 글자 색 이외에도 배경색, 테두리 색 등 다양한 색 변경에 사용font-family 사용\`.name{font-family: "Noto Sans KR
block줄바꿈 일어남너비: 100%width, height 사용 가능inline-block줄바꿈 일어나지 않음너비: 글자가 차지하는 만큼width, height 사용 가능inline줄바꿈 일어나지 않음너비: 글자가 차지하는 만큼width, height 사용 불가p{b
사용자가 키보드를 통해 문자열의 형태로 명령어 입력, 문자열 결과 출력리눅스 명령어pwd: 현재 위치를 확인mkdir: 새로운 폴더 생성ls: 폴더나 파일의 목록 출력ls -a: 모든 파일, 폴더 표시, ls -l: 폴더나 파일의 포맷 전부 표시nautilus(Ubun
런타임 어떤 프로그램이 동작할 때, 프로그램이 동작하는 곳 자바스크립트 런타임 웹 브라우저, node.js nvm(node version manager) node.js의 버전을 관리할 수 있는 프로그램 설치방법
Git 소스 코드 기록을 관리 / 추적할 수 있는 버전 관리 시스템 Github Git Repository를 관리할 수 있는 클라우드 기반 서비스 버전 관리 필요성 이전 상태로 쉽게 돌아갈 수 있다. 변경 이력을 관리할 수 있다. 누가 어떤 수정을 했는지 쉽게 확인
관련된 데이터와 함수의 집합.객체의 속성 값을 가져오기1\. Dot notationuser.firstname => user의 firstname을 가져온다Braket notationuser\['firstName'] => user의 firstname을 가져온다키값이 변수일
순서(index)가 있는 값(element)ex) let Number = 1, 2, 3, 4, 53번째 인덱스 값 조회: Number33번째 인덱스 값 할당: Number3 = 10 Number = 1, 2, 3, 10, 5길이 Number.length배열 끝에 값 추
클래스 이름과 구현을 1:1로 일치시켜 아주 작은 단위로 CSS를 작성하는 기법기본 스타일링 제거하는 CSS 코드방향: flex-directionrow(기본값)column얼마나 늘릴 것인가: flex-grow얼마만큼의 크기를 갖는가: flex-basis수평 정렬: ju
고정된 저장 공간(stack)을 차지하는 데이터. 하나의 데이터를 담고 있다.number boolean null undefined string bigint symbol데이터 복사할 경우 데이터를 복사하기 때문에 이전 데이터에 영향을 미치지 않음x = 2 이전 데이터에
변수가 접근할 수 있는 범위규칙안쪽 스코프에서 바깥쪽 스코프로는 접근 가능. 반대는 불가능중첩 가능가장 바깥에 있는 스코프: 전역 스코프이 외에는 모두 지역 스코프지역 스코프에서 선언한 변수: 지역 변수, 전역 스코프에서 선언한 변수: 전역 변수지역 변수는 전역 변수보
HTML 요소를 Object처럼 조작할 수 있는 모델. DOM으로 HTML을 조작할 수 있다.<script>태그 사용웹 브라우저는 <script> 요소를 만나면 HTML 해석을 멈추고 <script>태그부터 실행<script> 추가 방법<he
일반 함수를 정의하듯 만든다new 키워드를 사용해서 이용 => 새로운 인스턴스 생성ES6부터 class 키워드를 사용해서 클래스 생성이때 만들어진 함수는 return값이 없는 생성자 함수(constructor)this => 인스턴스 객체를 의미this나 super에 대
데이터를 순서대로 쌓는 자료구조가장 먼저 들어간 데이터가 가장 마지막에 나올 수 있다(First In Last Out)가장 나중에 들어간 데이터가 가장 먼저 나올 수 있다(Last In First Out)ex) 브라우저 뒤로가기, 앞으로 가기스택과 반대되는 개념먼저 들
여러개의 점들이 서로 복잡하게 연결되어 있는 관계를 표현한 자료구조정점(vertex)과 간선(edge)로 구성직접적인 관계: 두 점 사이를 선으로 연결간접적인 관계: 몇개의 점과 선에 걸쳐 연결ex) 포털사이트 검색엔진, SNS 관계망, 네비게이션 등비가중치 그래프: