최근 Vue.js 학습 내용을 개인 notion 에 정리하면서 velog 에 정리하는 것보다 notion 에 정리하는게 훨씬 편하다고 느꼈다.각종 ui 들이 세련되고 눈에 잘 들어온다.편집 기능이 엄청 편리하다. 자동 글머리기호(-), 마우스로 끌기, 블럭 전환하기,

예술계열 졸업 -> 게임개발학원(실패) -> 부트캠프 -> 프론트엔드 취업글 쓰는걸 귀찮아한다. 난 보통 블로그에 내 공부 정리를 위해 주로 글을 썼지 남들 편하게 읽으라고 쓴 적이 별로 없다. 하지만 velog 의 여러 취업 후기 글들을 통해 (너무나도 뛰어난 사람들

첫 3레벨 문제를 풀어보았다. 첫 문제부터 정말 어려웠다. 특히 내가 몰랐던 backtracking 알고리즘을 새로 배워야 풀 수 있는 문제였다.

https://velog.io/@jhoryong/ReactReact 는 front-end 개발을 위한 JavaScript 오픈소스 library 이다.리엑트의 특징:선언형 (Declarative)원래의 웹 개발은 한 페이지를 보여주기 위해 HTML, CSS,

DOCTYPE - html 이 어떤 버전으로 작성되었는지 브라우저에게 알려주는 것.meta tag - html 문서에 대한 data 를 담는 태그.웹 표준 - 웹상에서 표준으로 사용되는 기술(w3c 기준)웹 접근성 - 모든 사람이 차별없이 웹을 자유롭게 이용하는 권리

웹팩이란 최신 프런트엔드 프레임워크에서 가장 많이 사용되는 모듈 번들러(Module Bundler)다.모듈 번들러란 웹 앱을 구성하는 자원(html, css, js)등을 모두 각각의 모듈로 보고 이를 조합해서 하나의 결과물을 만드는 도구를 의미한다.https:

XSS\-클라이언트가 서버를 신뢰하기 때문에 발생하는 이슈.서버가 Script 태그 사이에 코드를 넣고 (script injection) 브라우저로 보내면 브라우저는 그 코드를 실행하게 된다.기본적인 XSS 공격은 브라우저에서 막아 준다.CSRF: cross site

쿠키는 서버가 클라이언트에 저장하는 데이터. 쿠키를통해 클라이언트의 상태를 부여하고 관리할 수 있음.단 쿠키탈취가 일어날 수 있음.세션이란 클라이언트가 웹서버에 연결된 순간부터 웹 브라우저를 닫아 서버와의 HTTP 통신을 끝낼 때 까지의 시간.보통 세션은 서버가 세션

하이퍼택스트 트랜스퍼 프로토콜: 데이터를 주고받기 위해 정의한 통신 프로토콜.브라우저와 서버 간에 데이터를 주고방기 위한 방식.특징http 는 stateless, 상태가 없는 프로토콜.따라서 브라우저와 서버는 클라이언트의 상태를 유저하기 위해 쿠키나 세션을 사용하여 상

프로세스 - 운영체제에서 실행 중인 하나의 프로그램사용자가 앱을 실행하면 운영체제로부터 실행에 필요한 메모리를 할당 받아 코드를 실행. 하나의 앱이 여러개의 프로세스를 가질 수도 있다. 예) 인터넷 윈도우를 두개 띄우면 두개의 프로세스 생성CPU 하나는 한 시점에 하나

Promise 를 then 으로 이어붙일 필요없이 비동기를 마치 동기적인 코드처럼 작성할 수 있다.에러처리는 try...catch 를 사용하여 에러처리할 수 있다.가독성이 좋아진다.둘다 외부 파일이나 라이브러리를 불러올 때 사용한다.require 은 nodejs 에서

https://goodgid.github.io/Server-Side-Rendering-and-Client-Side-Rendering/

웹상에서 사용하는 자원들을 uri로 표현하고 메소드(get, post 등)를 통해 상태를 정의하는 방식.RESTful API:1.URI 는 정보의 자원을 표현한다.2\. 자원에 대한 상태 정의는 HTTP method (GET, POST, PUT, DELETE)로 표현한

Ajax(Asynchronous JavaScript and XML)란 자바스크립트를 사용하여 ① 브라우저가 ② 서버에게 비동기 방식으로 데이터를 요청하고, 서버가 응답한 데이터를 수신하여 웹페이지를 동적으로 갱신하는 프로그래밍 방식 을 말한다.Ajax는 브라우저에서 제

Javacsript Object Notation클라이언트와 서버 간의 HTTP 통신을 위한 텍스트 데이터 포맷자바스크립트에 종속되지 않는 언어 독립형 데이터 포맷으로 대부분의 프로그래밍 언어에서 사용할 ㅅ ㅜ있다.키와 값으로 구성된 순수한 텍스트stringify() -

호출 스케쥴링.setTimeout/clearTimeoutsetInterval/clearInterval

동기는 현재 작업이 끝날 때까지 기다렸다가 다음작업을 시작비동기는 현재 작업이 끝나지 않아도 다음 작업을 실행비동기에는 setTimeout/setInterval, HTTP 요청, 이벤트 핸들러가 있음.자바스크립트는 싱글 스레드로 동작하지만, 이벤트 루프를 동해 비동기작

Dom 노드에서 발생한 이벤트는 DOM 트리를 통해 전파된다.이벤트가 전파되는 방향에 따라 3단계로 구분한다.캡처링 단계 : 이벤트가 상위 요소에서 하위 요소 방향으로 전파타깃 단계 : 이벤트가 이벤트 타깃에 도달버블링 단계 : 이벤트가 하위 요소에서 상위 요소 방향으

Document(HTML)을 자바스크립트 객체(Object)처럼 조작할 수 있게 만든 트리 구조의 자료구조.노드 객체노드 객체는 12가지가 있으며 중요한 노드 타입은1\. 문서노드2\. 요소노드3\. 어트리뷰트 노드4\. 텍스트 노드가 있다.문서노드문서노드는 DOM 트

클라이언트에서 불러오고 싶은 파일을 서버에 요청한다.요청된 URI 를 DNS 를 통해 IP 주소로 변환한다.해당 아이피를 가진 서버에 get 요청을 보내고 HTML, CSS 파일을 다운받는다.다운받은 HTML 파일을 파싱하여 DOM 트리를 생성한다.다운받은 CSS 파일