일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 |
- hook
- TypeScript
- express
- grid
- EC2
- axios
- 피그마
- Babel
- FIGMA
- Javascript
- docker
- FigJam
- useMemo
- 자료구조
- render
- react
- TAILWIND
- Next.js
- git
- 해시
- useCallback
- HTML
- webpack
- 프로그래머스
- github
- Taillwind
- 코딩테스트
- CSS
- SSR
- Stack
- Today
- Total
목록Web/CS (5)
나는 오늘도 멋있다
1. 모든 행동에는 목표를정하고, 근거가 있어야 한다 2. 다른사람의 관점을 고려하자 3. 문제가 발생하였을때는 해결보다는 원인을 찾자 4. 알고자하는것의 정의는 무엇인가? 5. 알고자하는것의 의도하는 바는 무엇인가? 목적 브라우저의 동작원리를 파악하여, Vanilla JS로 개발하였을경우 문제점과, Virtual DOM의 필요성을 파악하고자 조사한다 #간단요약 1. 사용자가 브라우저 도메인을 입력한다 2. 운영체제가 내부 DNS 캐시에서 사용자가 입력한 도메인IP를 찾는다. # DNS란?: 입력받은 도메인에 대한 IP를 찾아주는 시스템 3. 내부 DNS에서 해당 도메인을 찾지 못한다면 외부 DNS 서버로 조회 요청을 보낸다 #한번도 방문한 적이 없다면 외부 DNS 조회 4. 외부 DNS에서 해당 도메인..
1. 모든행동에는 목표를 정하고, 근거야 있어야 한다. 2. 문제가 발생하면 해결보다는 원인을 찾아 3. 다른사람의 관점을 고려하자 4. 알고자 하는 것의 정의는 무엇인가 5. 알고자 하는 것의 의도는 무엇인가 목적 클로저의 개념을 보다보니, 실행 컨텍스트 부터 렉시컬 환경을 보게되었고 이전부터 많이 봤던 단어들이다. 확실하게는 알고 있지 않아 확실하게 알고자 글들을 찾아보다가 문득 JS의 동작을 전체적으로 아는것이 좋다고 판단을 하였고, 내가 쓰는 언어의 동작은 알아야 되지않나? 라는 생각을 가지게 되어 JS의 동작을 주제로 글을 적어본다. JavaScript의 Google V8 엔진 V8엔진은 JavaScript를 실행하기 위해 단일 프로세스를 사용한다. JavaScript는 주로 단일 스레드로 동작..
1. 모든행동에는 목표를 정하고, 근거야 있어야 한다. 2. 문제가 발생하면 해결보다는 원인을 찾자 3. 다른사람의 관점을 고려하자 목적 JS를 하면서 많이 접하는 프로그래밍 패러다임은 객체지향 프로그래밍, 함수형 프로그래밍 처럼 두가지를 많이 접하게 된다. 객관적으로 스스로에게 이 프로그래밍 패러다임에서 이해하고 있냐고 물어본다면, 감각적으로는 알고있지만 다른사람을 이해할수 있게 쉽게 설명할수는 없을것 같다. 그말은 나도 두루뭉실하게 알고있는게 아닐까? 하는 생각으로 정확히 학습하고자 한다. 명령형(How) 프로그래밍 vs 선언형(what) 프로그래밍 함수형 프로그래밍, 객체지향 프로그래밍을 알기전에 먼저 선언형, 명령형에 대한 방식, 차이점을 알아야 한다. [명령형 프로그래밍] - 어떻게? 명령형 프..
프론트 공부를 하는 도중 백엔드에도 관심이 생겨서 프론트와 백엔드를 같이 공부할겸에 백엔드 부트캠프 과정중 첫번째 과제다. 목적에 맞는 컴퓨터 사양을 맞추는것인데, 이과제의 목적은 이렇다. "모든 행동에 목표를 정하고 근거를 정해 행동한다는 원칙" "문제가 발생하면 해결에 집착하지 말고 원인을 찾는다는 원칙" "개발을 할 때는 꼭 다른 사람의 관점을 고려해야 한다는 원칙" 위의 원칙을 이해하기위해 진행되는 과제다. 과제에 대한 조건은 어떤 용도로 사용할 것 인지? 게임용이면 어떤게임인지? 디자인툴용이면 어떤 디자인툴 용도인지? CPU, GPU, MainBoard, RAM, Power, Case, SSD 등을 포함하여 63만원 이내로 맞출것! 주어진 부품들중 제외 할 부품이 있다면 왜 제외 했는지? 해당부..
CORS란? 웹브라우저에서 다른출처(프로토콜,도메인,포트)의 리소스를 공유하는것을 가능하게 하는 메커니즘이다. 출처(Origin)란? URL: HTTPS://www.domain.com:3000/user?query=name&page=1#first 프로토콜(Protocol): http, https 호스트(Host): 도메인 포트(Port): 포트번호 패치(Path): 사이트내부경로 쿼리스트링(Query string): 요청 key 와 value값 프래그먼트(Fragment): 해시태그 출처(Origin): 프로토콜 + 호스트 + 포트 동일 출처 정책 (Same-Origin Policy) SOP는 동일한 출처에서만 리소스를 공유할수 있는것을 말한다. 즉 웹 브라우저에서 실행되는 스크립트가 한 출처에서 불러온 ..