경남 ABC Frontend

구글링할때 mdn 문서 활용하기 html - 웹 페이지의 구조를 담당하는 마크업 언어 css - 스타일 js - 상호작용 Live Server -> 브라우저를 새로고침하지 않아도 변경사항이 바로 적용되는 장점이 있다. HTML -> hypertext markup la

CSS (Cascading style sheets) 프론트 엔드 개발자에게 필요한 역량 : 1) 컴포넌트 기능별로 묶어서 제작 2) 화면의 구성이나 배치 (레이아웃 디자인) 3) 굵은 글씨와 같은 타이포그래피와 색상을 적용하는 일 등 CSS 기본문법 텍스트의 가운데

레이아웃 : 각각의 요소를 목적에 맞게 배치하는 것 기본 스타일링을 제거하여 디자인한 대로 레이아웃 구현 display : flex -> 부모 박스의 요소에 적용해 자식 박스의 방향과 크기를 결정하는 레이아웃 구성 방법 이처럼 div 요소들은 별다른 설정을 해주지

Grid layout이란? > 그리드는 수평선과 수직선으로 이루어진 집합체 하나의 그리드는 대게 colomns, rows로 구성되며, 각 행과 열 사이의 공백을 gutters라고 부른다. Css에서 그리드 생성하기 그리드의 정의 html css fr 단위를 포함

🧐 자바스크립트 > 최초 브라우저에서 실행하기 위해 만들어진 프로그래밍 언어 HTML, JavaScript 파일을 함께 브라우저에서 실행 🧐 자바스크립트 작성하기 > script 태그 사이에 소스 코드 작성하기 -> 이미지나 텍스트 등을 다 표시한 후에 실행하는

키보드의 입력을 확인하고 편집할 수 있는 한 줄의 공간을 프롬프트라고 한다. pwd : 현재 위치 확인하기 print working directory의 약자 mkdir : 새로운 폴더 생성하기 is : 특정 폴더에 포함된 파일이나 폴더 확인하기 ls -l ,la,

배열 > 배열 : 순서가 있는 값 배열에서 index를 벗어나면 undefined 값이 나온다. 배열로 할 수 있는 것들 > 배열.push(값) -> 요소를 추가할 수 있다. 배열.pop(값) -> 요소를 삭제할 수 있다. > undefined + 숫자 : NaN

원시 자료형과 참조 자료형 > number, string, boolean, null, undefined 과 같은 자료형은 고정된 저장 공간을 차지 : 원시 자료형 대량의 데이터를 다루기에 적합한 배열과 객체 등의 자료형 (array, object, function):

결과참고 : JSON 데이터는 iterable하지 않아 for of 연산자는 사용 불가하다.Object.entries() 메서드는 for...in와 같은 순서로 주어진 객체 자체의 enumerable 속성 key, value 쌍의 배열을 반환출처 -https:

범위가 중괄호(블록) 또는 함수에 의해 나누어지고, 그 범위를 스코프라고 부른다.규칙1\. 안쪽 스코프에서 바깥쪽 스코프로는 접근할 수 있지만 반대는 불가능2\. 스코프는 중첩이 가능하다.3\. 가장 바깥쪽의 스코프는 전역 스코프라고 부른다. 전역이 아닌 다른 스코프는

클로저 > 클로저는 함수와 그 함수 주변의 상태의 주소 조합 클로저는 함수와 그 함수가 접근할 수 있는 변수의 조합 클로저가 중요한 이유 > 클로저의 함수는 어디에서 호출되느냐와 무관하게 선언된 함수 주변 환경에 따라 접근할 수 있는 변수가 정해진다. 실제 클로저를

toString() 보다 String()을 자주 씀 차이점 > String : 어떤 형태이든 문자로 형변환 toString : null, undefined를 형변환 시 오류 toString()은 2에서 32까지의 진수로 바꾸어 반환하는 기능도 있다. 매개변수에 아무

spread/rest 문법 spread 문법 : 주로 배열을 풀어서 인자로 전달하거나, 배열을 풀어서 각각의 요소로 넣을 때에 사용 rest 문법 : 파라미터를 배열의 형태로 받아서 사용 가능, 파라미터의 개수가 가변적일 때 유용 구조 분해 할당 spread 문법을

화살표 함수는 자신의 this가 없다 화살표 함수에서의 this는 자신을 감싼 정적 범위(lexical scope)이다