웹개발 복습 정리

크롬vscode익스텐션 몇개 깔고마크업 언어다. 프로그래밍 언어가 아니다. hypertext markup language의 약자문서에 마크업을 한다. 마크업이란 첨삭처럼 주석, 원래 컨텐츠에 부수적인 정보가 추가되는것.문서가 화면에 표시되는 형식을 나타내거나 데이터의

html5 최신 html이다. 가장 발전된 표준html은 설치가 필요없다. html 표준 문서가 있다. 브라우저가 그것을 사용하는 것최신 spec인 것이다. 브라우저가 구현하는 사양의 표준.인라인 엘레먼츠는 줄에 삽입됨. 블록 엘레먼츠는 처럼 블록을 다 먹음.는 콘텐츠

행과 열이 있는 표. 헤더도 있다.테이블 형식에 적합한 정보를 보여주는데 사용해야 한다.데이터를 포함하는 표의 셀표의 행. table row행 = 가로 = row열 = 세로 = column표의 헤더.시맨틱 마크업. 헤더를 넣음시맨틱 마크업. 마지막. 각주.시맨틱 마크업

연속되는 스타일시트언어와 같지만 프로그래밍 언어는 아니고 문서는 시각적으로 표현하기 위해 사용하는 언어.css는 방대하다.css 룰이 필요하다. 대부분 이렇다.다음과 같이 쓴다.borderline 관련된것만 50개. 전부 외울필요는 없다.많이 사용하는 것은 자연스럽게

선택자스타일을 적용할 요소를 선택하는 몇가지 방법Element SelectorClass SelectorID SelectorDescendent SelectorCSS Specificity: 우선순위selector: 선택자. 적용할 대상을 선택하는 것.Universal se

css에서 모든 부분은 박스로 형태로 구분한다.content가 있고height: 높이width: 너비border: 컨텐츠를 둘러싸고 있는 테두리. 모서리를 둥글게 할수도 있다.border-width: 테두리 두께border-color: 테두리 색상border-style

색상이 비치는 정도, 즉 투명도를 결정함.투명도를 나타내는 알파.1: 완전 불투명0: 완전 투명 해당 요소나 적용하는 부분의 배경색에만 해당된다. 텍스트 등에는 적용되지 않음.헥스코드에서는 특정요소나 그 요소의 컨텐츠와 자손 요소의 투명도를 결정하는 특성.0: 완전 투

flexbox: 요소를 넣고 공간을 추가하고 분할하면서 웹페이지 공간을 구성하는 데 매우 유용한 속성.구체적인 css속성을 외우는 것보다 개념을 익히는 데 집중하라.원리에 대한 개념을 잡으면 어떤 속성을 써야 할지 정확히 기억하지 못한다 해도 아주 큰 도움이 된다.어떻

CSS프레임워크다.코드에 활용할수 있도록 여러사람들이 작성한 CSS.왜 사용하는가?뭔가를 만들기 전에 세우틑 틀 정도로 생각할수 있다.작업속도를 높일수 있다. 없이도 만들수 있지만.CSS를 덜 작성해도 된다.컴포넌트 : 앱에서 넣어서 사용할수 있는 조각들을 모아둠. (

NumberStringBooleanNullUndefinedNumber정수, 음수, 소수 관계 없음.부동 소수점(floating point): 소수를 표현할때 그냥 정수로 표현하고 소수점 위치만 따로 기억하는 방식. 이게 더 컴퓨터가 연산하기 쉽다.%는 나누고 나머지를

문자열 선언할땐 작은 따옴표, 큰따옴표 둘다 이용가능하다.문자열의 인덱스, 즉 자릿수는 0부터 시작. 0번째가 첫번째 글자다.총 7자리 문자열이라면 마지막 인덱스는 7-1=6이다.인덱스에는 공백도 포함된다.메서드메서드란 빌트인 액션이다. 문자열에서 뭘 찾거나 대체하거나

문자열도 비교가 된다. 유니코드 값으로. 대문자가 소문자보다 작다.이중등호는 value를 비교. type은 상관 없다.같음. 강제로 같은 타입으로 바꾼다음 비교한다. 되도록 사용하지 말것.삼중등호는 엄격한 비교연산자 값과 타입이 모두 맞아야한다.값을 서로 비교할때는 항

데이터 구조.데이터 구조란 데이터의 집합을 뜻한다.배열은값들의 집합순서가 있다.순서가 있는 값들의 집합이다.배열은 대괄호를 이용해서 만든다.배열에 들어있는 값은 인덱스를 통해 접근한다. 인덱스는 앞에서부터 0부터 시작한다.만약 배열에 4번 인덱스까지만 값이 들어있는데,

보일러플레이트 : 변화없이 여러 군데에서 반복되는 코드를 말한다for loopwhile loopfor … of loopfor … in loopfor 구문에는 괄호 뒤에 세가지가 들어간다. ; 로 구분한다.시작점. 변수를 선언한다.조건: 이 조건이 참일때 중괄호 안이 실

함수란 코드의 재사용 가능한 일부로서 언제든 사용할 수 있도록 이름을 붙여놓은 것.코드의 중복을 줄이는데 유용하고 코드를 읽기 쉽고 이해하기 쉽게 만든다. 항상 함수를 쓰게 된다.2단계가 필요하다. 먼저 함수를 선언하고, 그 다음 함수를 실행한다.함수는 이렇게 선언한다

범위.범위는 ‘변수 가시성’ Variable visibility를 참조한다.변수가 선언된 위치와 변수에 접근 가능한지 등을 구분한다.기본적으로 변수를 어느 부분에 정의하느냐가 엑세스 지점을 결정한다.함수 범위왜냐면 totalEggs는 collectEggs함수 안에서 선

forEachmapfilterfindreducesomeeveryarrow function함수를 넣어야 하는 배열 메서드.콜백함수: 다른 함수에 매개변수로 넘겨준 함수.매개변수로 넘겨받은 함수는 때가 되면 나중에 호출(called back)한다는 개념.forEach는 콜

삼항연산자조건 ? 참이면 : 거짓이면b를 b 타입이 undefined가 아니면 b로 하고, 맞으면 b를 1로 한다.b = 다음이 삼항연산자.기본 매개 변수b가 없는 경우를 if문으로 만들지 않아도 된다.다만 인수는 순서대로 되기 때문에 a=1이라고 넣어도 처음 넣는 게

document object model문서 객체 모델dom은 웹페이지를 구성하는 자바스크립트 객체들의 집합.dom은 자바스크립트를 통해 웹 페이지의 콘텐츠로 접근하는 창이자 통로이다.HTML과 Javascript를 같이 쓸수 있다.웹페이지의 콘텐츠들을 자바스크립트를 통

사용자가 다음과 같은 행동을 하면 반응클릭, 드래그, 드롭, 호버, 스크롤, 키 입력, 등등마우스 포인터를 해당 요소 위에 올리면 실행. onclick과 똑같이 쓰인다.여러가지 방법으로 작동되게 만들 수 있다.요소를 먼저 선택하고, 제너럴 메서드인 addEventLis

스택은 컴퓨터 과학의 기본 데이터 구조이다.후입선출(LIFO) 데이터 구조.콜스택은 자바스크립트 해석기가 사용하는 메커니즘으로여러 함수를 호출하는 스크립트에서 해당 위치를 추적한다.그래서 자바스크립트가 위치를 알 수 있고 책 속의 손가락 같은 것이다.자바스크립트는 콜

Asynchronous Javascript and XML비동기식 자바스크립트와 XML자바스크립트와 XML을 이용한 비동기적 정보 교환 기법이다.웹에서 요청을 해서 서버와 데이터를 주고 받을때 사용한다.HTML, CSS, JavaScript를 사용해 웹 페이지를 띄운다.

객체 프로토타입프로토타입이란 자바스크립트 객체가 서로 기능을 상속하는 방식의 메커니즘.객체는 템플릿 객체 역할을 하는 프로토타입 객체를 가질 수 있다.자바스크립트에서 배열은 객체이다.프로토타입의 참조. double underscore. 프로토타입을 참조하는 특성이다.

터미널이란 텍스트를 통해 내 기기와 상호작용할 수 있는 텍스트 기반의 프롬프트를 지칭한다.프롬프트(prompt)는 컴퓨터 터미널 또는 터미널 에뮬레이터의 CLI(커맨드 라인 인터페이스)의 명령줄 대기모드를 가리킨다.터미널을 사용하는 이유?속도가 빠르다명령어 한 줄 타이

Node는 브라우저 밖에서 실행되는 JavaScript의 실행환경이다.Node는 JavaScript의 런타임.자바스크립트 구문을 써서 서버 측에서 실행되는 코들르 작성할 수 있다.Node로 할 수 있는 것.웹 서버 구축. 풀스택 어플리케이션을 만들 수 있다. Expre

node 시스템에서는 하나의 파일이 공유할 수 있는 것과 공유할 수 없는 것을 특정하게 지정할 수 있다파일 시스템 모듈을 통해 내장된 모듈에서 코드를 불러올 수 있었던 것처럼node도 다른 파일에서 코드를 불러올 수 있다어떤 js파일안에 선언해놓은 함수를 다른 곳에서

Express는 웹 개발을 위한 프레임워크로 node를 사용하여 서버를 구축하는 데에 쓰인다Express도 node패키지로 다른 패키지와 같다. 대신 더 많은 기능이 있다정확히는 웹 어플리케이션 제작을 도와주는 웹 개발 프레임워크.Node로 서버를 생성하고 실행할수있다

템플레이팅은 미리 셋팅된 템플릿을 만든느 것항상 같은 html 정적 코드를 쓰는 대신에 정보와 로직을 넣어서루프로 여러번에 걸쳐 템플릿의 일부를 반복할수 있게 해준다ex) 각각 다른 주제로 같은 디자인을 가지는 게시판들EJS를 사용한다 Embedded JavaScrip

두 가지 타입의 HTTP 요청Get요청은 대부분 정보를 가져올 때 쓰인다정보를 가져오고 페이지를 가져와서 화면에 띄우는 것이고 백엔드에 영향을 주지 않음Get 요청을 보낼 때 같이 따라오는 데이터가 있다면 데이터는 쿼리 문자열에 담긴다즉, URL에서 데이터를 볼 수 있

데이터베이스는 과연 왜 필요한가?데이터를 지속해야 하기 때문이다.데이터베이스에서 어마어마한 데이터를 효율적으로 저장 압축하고 관리하기 쉽게 만들어준다 데이터를 쉽게 create, read, update, delete 할 수 있다데이터를 필터링하고 정렬하고 검색할 수 있