WEB
1.Same-origin policy & CORS
동일 출처 정책은 웹 보안을 위한 정책이다.동일 출처란?1\. protocol (http, https)2\. port3\. host (domain : naver.com ...)세가지가 같을 때 동일 출처로 판단한다.서버가 8080 포트를 가지고 클라이언트가 3000 포
2.웹 페이지 빠르게 랜더링하기✨
오늘은 HTML 빠르게 랜더링하는 법에 대해 정리한다🌷
3.웹의 동작 (HTTP 프로토콜 이해)
HTTP 프로토콜에 대해 이해한다.
4.웹의 동작 (HTTP 프로토콜 이해)
HTTP 프로토콜에 대해 이해한다.
5.HTML5 기본 문법 정리
오늘은 HTML5에 대해 정리한다.🌷
6.Semantic Tag
semantic tag에 대해 알아본다!
7.SSR(1) - SSR이 무엇일까?🤔
오늘은 ssr에 대해 알아본다!🌷
8.Library(라이브러리)와 Framework(프레임워크) 차이
라이브러리는 주로 소프트웨어를 개발할 때 컴퓨터 프로그램이 사용하는 비휘발성 자원의 모임이다.즉, 함수들의 집합이다. 내 프로그램에 필요한 기능을 이미 만들어진 함수를 가져다 쓴다.프로그램을 만들때 이전에 만든 함수를 재활용하는 것이다. 필요한 함수만 호출해서 사용하면
9.REST API
REST(Representation State Transfer)는 분산 하이퍼미디어 시스템을 위한 소프트웨어 아키텍쳐의 한 형식이다. \- 네트워크 아키텍쳐 원리의 모음이다. 네트웨크 아키텍쳐는 자원을 정의하고 자원에 대한 주소를 지정하는 방법 전반을 의미한다.자원
10.HTTP 내용 부시기🔥
오늘은 http에 대해서 탈탈 털어보겠습니다!🌷
11. Client & Server
Server와 Client가 무엇인지 알아보자!🌷client는 웹을 통해 서비스를 요청하는 컴퓨터이며 프로그램이다. 사용자가 웹에 접근할 때 사용되는 시스템이다. 브라우저 같이 클라이언트 프로그램은 사용자가 웹을 통해 요청할 수 있게 하는 프로그램이다.Server는
12.Cookie 🍪 & Session
오늘은 쿠키와 세션에 대해서 정리합니다🌷HTTP의 일종이다. 웹사이트를 이용하는 사용자의 정보를 저장할 수 있는 저장소이다.클라이언트의 PC에 저장하고 정보를 다시 사용할 수 있다.만료일이 있다.이름/ 값/ 만료일/ 경로 정보로 저장되어 진다.클라이언트 당 300개의
13.ESlint + Prettier
코드의 가독성을 높이고 오류와 버그를 제거하기 위해 생긴 도구이다. ECMAScript 코드에서 문제점을 검사하고 더 나은 코드로 정정하는 린트 도구이다.
14.브라우저 동작 방법
오늘은 브라우저 동작 방법에 대해 알아본다🌷
15.CSS Layout
CSS Layout 에 대한 정리🌷
16.Webpack & Babel
웹팩은 모듈 번들러이다. 브라우저가 이해할 수 있도록 리액트 코드로 변경해주는 역할을 한다.모듈을 여러개로 나눠서 작업하면 코딩하기가 매우 편리하다. 하지만 많은 모듈을 남발할 경우 네트워크 낭비를 유발할 수 있다. 여러개의 파일을 묶어서 하나의 파일로 만든 뒤, 보낼
17.React / Vue / Angular
Front-end 의 프레임워크에는 대표적으로 3개의 프레임워크가 있다.React / Vue / Angular3가지 프레임워크를 비교한다!React는 사용자 인터페이스를 만들기 위한 Javascript 라이브러리이다. React의 특징으로는선언형컴포넌트 기반한번 배우면