프론트엔드

Hypertext Markup Languagestandard markup language태그를 통해 구조적으로 작성됨< head > 와 < body >로 구성됨head: 상세설명body: 사용자에게 보여지는 태그들https://developer.mo

Cascading Style SheetAuthor style(우리가 CSS로 만드는 스타일)User style(사용자의 선택 ex. 다크모드)Browser(브라우저 기본 - html)위의 순위를 무시하는 경우 : !important - architecture이 좋지 않

같은 태그에 대한 css : 순서상 나중이 우선특정 태그 vs \* (전체): 특정 태그 우선특정 태그 vs 같은 부분 가르키는 class: class가 우선같은 class: 순서상 나중이 우선그냥 class vs 특정 태그의 class: 특정 태그의 class 우선e

Java Script와 Java의 관계?거의 관련 없다! 기존의 이름 LiveScript에서 JavaScript로 이름만 바뀜이후 MS사에서 JavaScript를 본따서 JScript를 만듦혼란이 커져서 ECMAScript로 문법 등이 통합됨JQuery dojo 등의

ES 5때 처음 추가되었다TypeScript말고 순수한 Vanila Javascript를 이용할 때에 첫 줄에 무조건 'use strict';를 써랏!!(필수)JS가 flexible하기에 그만큼 다양한 에러들을 다 거르지 못하고 마주하게 된다.let 변수명 = 값;이

엘리님의 JS기본 4강 내용이닷operator, if, for loop 등을 다루었는데 크게 새로운 부분은 없던 것 같다escape 문자들 - \\n \\t \\' etc이처럼 string끼리는 +를 통해 붙일 수 있고,'숫자'+숫자의 경우 Number로 강제형변환이

함수를 집중적으로 다루었다가장 새로운거라면 단연코 arrow function!!C언어에서는 포인터로 접근하는 걸 ->로 했었는데JS에서는 =>으로 함수를 표현할 수가 있다? ㄷㄷfundamental building block in the programsubprogram

Class에는 data가 들어가지 않고 data가 들어갈 수 있는 틀만 들어있다(정의만 함)\-> 여기에 인스턴스 변수를 넣고 선언한게 Object!Object-oriented programmingclass: templateobject: instanceof a clas

one of the JS's data typesa collection of related data and/or functionalityNearly all objects in JS are instances of Objectobject = {key: value};objec

검색, 정렬, 삽입, 삭제

array -> stringstring -> arrayarray.reverse(): 거꾸로array.splice(num1, num2) : 인덱스번호 num1부터 num2개만큼 컽array.slice(num1, num2): num1~num2-1까지 컽body가 true면

: JavaScript Object Notationsimplest data interchange formatlightweight text-based structureeasy to readkey-value pairsused for serialization and tran

순서대로 코드가 실행됨! === 동기식 프로그래밍 배달시 그릇 상태: 짜장면 담김식사 후 그릇 상태: 비워짐이동시 그릇 상태: 비워짐: 특정 로직의 실행이 끝날 때까지 기다려주지 않고 나머지 코드 먼저 실행반드시 순서대로는 아님!배달시 그릇 상태: 짜장면 담김이동시 그

: 브라우저에게 수행하기를 원하는 애니메이션을 알리고 다음 리페인트가 진행되기 전에 해당 애니메이션을 업데이트하는 함수를 호출최적화하여 애니메이션을 부드럽게 처리하는 기술캔버스에서 많이 사용인터랙티브 웹 개발에 필요y좌표가 500을 넘으면 cancelAnimatioFr

데이터가 주어졌을 때 이에 맞추어 UI를 만든다라이프 사이클 API를 통해 컴포넌트가 화면에 나타날 때, 사라질 때, 변할 때 작업 수행state 기능, 라이프 사이클 기능 사용 가능임의 메서드 정의 가능render()함수 필수JSX 반환 필수선언 편함메모리 자원 덜

장점 어플리케이션과 분리하여 컴포넌트 개발, 테스트 가능 설계 변경 등의 경우에 더 빠르고 유연하게 구현 가능 컴포넌트에 CSS가 강하게 결합되어 CSS 관리 쉽다

페이지가 1개인 어플리케이션but 한 종류의 화면만 있는 것은 아니다 - 각 화면마다 다른 주소 부여라우팅: 다른 주소에 따라 다른 화면을 보여주는 것\--> React Router 라이브러리를 통해서 SPA에서 라우팅할 수 있다앱 규모가 커지면 JS 파일 사이즈가 너