일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- 다이나믹 프로그래밍
- db
- VIM
- Data Structure
- Python
- java
- 프로그래머스
- git
- 백준
- LeetCode
- react
- 그레이들
- 자바
- 동적 계획법
- Algorithm
- Javascript
- DFS
- TypeScript
- DP
- vscode
- 알고리즘
- Redux
- 안드로이드
- network
- CS
- 리트코드
- Graph
- frontend
- BFS
- Database
- Today
- Total
목록Programming/Frontend (13)
늘 겸손하게
1. 정적 타입 Typescript는 JavaScript와 다르게 정적 타입을 지원합니다. 여기서 정적 타입(static type)이란 자료형(char, int, boolean, string 등등)을 컴파일 시에 결정하는 것입니다. C, C#, Java 등이 대표적인 정적 언어(static language)입니다. 정적 타입의 변수는 해당 데이터의 타입이 무엇인지 명시해야합니다. // C 언어 int num = 1; float num2 = 1.03; bool num3 = 10; // 에러! 정적 타입 언어는 컴파일 시에 알맞지 않은 데이터를 걸러내어 오류를 미리 걸러낼 수 있는 장점이있습니다. 정적 타입의 반대로는 동적 타입(Dynamic Type)이 있습니다. 동적 언어(Dynamic Lanugage)..

웹 표준 브라우저의 종류와 버전이 다르더라도 호환이 되도록 제시한 표준 다른 기종 혹은 플랫폼에 따라 다르게 구현되는 기술을 동일하게 구현하도록 하여 특정 기종이나 플랫폼에 치우쳐지지 않도록 공통요소를 사용하여 웹을 개발하는 것을 말한다. 표준화 단체인 W3C(World Wide Consortium)가 권고한 표준안에 따라 웹 사이트를 작성할 때 이용하는 HTML, CSS, JavaScript 등에 대한 규정을 담고 있다. 웹 표준의 궁극적인 목표는 사용자가 다른 플랫폼 혹은 OS를 통해 웹 사이트를 접속하더라도 같은 사이트를 볼 수 있도록 하는것이다. 웹 표준 준수 이유 웹 표준을 준수하지 않을 경우 장애인, 노약자를 포함한 모든 사용자들이 웹 사이트에 접근하는데 제약이 발생 가능하므로 어떠한 OS나 ..
CORS CORS는 Cross-origin Resource Sharing의 약자로 교차 출처 리소스 공유라는 뜻입니다. 조금 더 풀어서 설명하자면 도메인이나 서브도메인, 프로토콜, 포트가 다른 곳 즉, 접속 도메인과 다른 도메인을 가진 사이트에 리소스를 요청하는 일을 말합니다. 왜 CORS가 필요한가? 과거에는 한 사이트의 스크립트에서 다른 사이트에 있는 리소스나 콘텐츠에 접근할 수 없다는 제약이 있었습니다. 이러한 규칙 덕분에 해커가 만든 웹 사이트 hacker.com에서 gmail.com에 있는 데이터에 접근할 수 없어 사람들은 안전하게 인터넷을 사용해왔습니다. 즉, 보안을 위해 만들어진 제약이 동일 출처 정책입니다. 처음 네트워크 요청 메서드가 등장했을 때엔 크로스 오리진 요청이 불가능했습니다. ..

SSR Server-Side Rendering의 약자로 컨텐츠의 렌더링을 서버에서 하는 방식입니다. 웹 사이트에 접속하면 브라우저는 웹 사이트의 컨텐츠를 서버에 요청합니다. 서버측에서 요청이 처리가 되면 브라우저는 서버측에서 완전히 렌더링된 HTML을 전달받고 화면에 표시합니다. 브라우저가 서버에 보내는 요청은 보통 몇 밀리초 밖에 걸리지 않지만 본인 인터넷 속도, 서버 위치, 웹 사이트에 접속하려는 사용자의 숫자, 웹 사이트 최적화 상태 등과 같은 요소에 따라 달라질 수 있습니다. SSR 장점 SEO ( Search Engine Optimization ) SSR은 웹 사이트가 검색 결과에 더 잘 보이도록 최적화하는 과정인 SEO(Search Engine Optimizaiton, 검색 엔진 최적화)에는 ..