김영한님의 모든 개발자를 위한 HTTP 웹 기본 지식 강의를 듣고 정리한 내용입니다. https://www.inflearn.com/course/http-%EC%9B%B9-%EB%84%A4%ED%8A%B8%EC%9B%8C%ED%81%AC 모든 개발자를 위한 HTTP 웹 기본 지식 - 인프런 | 강의 실무에 꼭 필요한 HTTP 핵심 기능과 올바른 HTTP API 설계 방법을 학습합니다., - 강의 소개 | 인프런... www.inflearn.com HTTP 헤더1 - 일반 헤더 일반 정보 일반적인 정보를 담는 http 헤더들에 대해 알아보자. From 유저 에이전트의 이메일 정보를 담는다. 일반적으로 많이 사용되지는 않으며, 검색 엔진 같은 곳에서 주로 사용한다. 요청에서만 사용한다. Referer 현재 요..

Problem? react 컴포넌트를 만들다가 map 안에서 여러 개의 요소를 리턴할 때 key값을 설정해주는 부분에서 헷갈리는 부분이 있었다. const Child = ({ data }: Props) => { return ( {data?.map((child) => { return ( {child.name} {child.type === 'folder' && } ) })} ) } 여러 요소를 리턴할 때 div로 요소들을 감싸고 key값을 지정해줘도 되지만, 아래와 같은 마크업 구조를 만들고자 했기 때문에 따로 div로 감싸고 싶지 않았다. Child1 Grand Child 1 Grand Child 2 그래서 빈 태그 로 감싸주고 나머지 요소들에 key값을 따로 지정해주면 될 것이라고 생각했는데 key값이 ..

김영한님의 모든 개발자를 위한 HTTP 웹 기본 지식 강의를 듣고 정리한 내용입니다. https://www.inflearn.com/course/http-%EC%9B%B9-%EB%84%A4%ED%8A%B8%EC%9B%8C%ED%81%AC 모든 개발자를 위한 HTTP 웹 기본 지식 - 인프런 | 강의 실무에 꼭 필요한 HTTP 핵심 기능과 올바른 HTTP API 설계 방법을 학습합니다., - 강의 소개 | 인프런... www.inflearn.com HTTP 헤더1 - 일반 헤더 HTTP 헤더 개요 용도 HTTP의 헤더에 HTTP 전송에 필요한 모든 부가정보를 담는다. (eg. 메시지 바디의 내용, 메시지 바디의 크기, 압축, 인증, 요청 클라이언트, 서버 정보, 캐시 관리 정보 등) 정말 많은 표준 헤더가 ..

김영한님의 모든 개발자를 위한 HTTP 웹 기본 지식 강의를 듣고 정리한 내용입니다. https://www.inflearn.com/course/http-%EC%9B%B9-%EB%84%A4%ED%8A%B8%EC%9B%8C%ED%81%AC 모든 개발자를 위한 HTTP 웹 기본 지식 - 인프런 | 강의 실무에 꼭 필요한 HTTP 핵심 기능과 올바른 HTTP API 설계 방법을 학습합니다., - 강의 소개 | 인프런... www.inflearn.com HTTP 메서드 활용 HTTP API 설계 예시 컬렉션 - POST 기반 등록 스토어 - PUT 기반 등록 HTML FORM 사용 API 설계 - POST 기반 등록 회원 관리 시스템 예시 회원 목록 /members -> GET 회원 등록 /members -> P..

김영한님의 모든 개발자를 위한 HTTP 웹 기본 지식 강의를 듣고 정리한 내용입니다. https://www.inflearn.com/course/http-%EC%9B%B9-%EB%84%A4%ED%8A%B8%EC%9B%8C%ED%81%AC 모든 개발자를 위한 HTTP 웹 기본 지식 - 인프런 | 강의 실무에 꼭 필요한 HTTP 핵심 기능과 올바른 HTTP API 설계 방법을 학습합니다., - 강의 소개 | 인프런... www.inflearn.com HTTP 메서드 HTTP API를 만들어보자 예시: 회원 정보 관리 API 회원 목록 조회 회원 조회 회원 등록 회원 수정 회원 삭제 API URI 고민 URI를 설계할 때 가장 중요한 것은 리소스 식별이다. 리소스란? 회원을 등록, 수정, 조회하는 행위가 아니라..

HTTP vs HTTPS HTTP(HyperText Transfer Protocol) 서로 다른 시스템들 사이에서 통신을 주고받게 해주는 가장 기초적인 프로토콜. 서버에서 브라우저로 데이터를 전송해주는 용도로 가장 많이 사용된다. HTTPS(HyperText Transfer Protocol Secure) 1. 보안 HTTPS의 S는 Secure을 의미한다. 일반 HTTP 프로토콜의 문제는 서버에서 브라우저로 전송되는 정보가 암호화되지 않는다는 것이었다. HTTPS 프로토콜은 SSL(Secure Socket Layer)/TLS(Transport Layer Security)를 사용함으로써 이 문제를 해결했다. SSL(TLS)은 서버와 브라우저 사이에 안전하게 암호화된 연결을 만들 수 있게 도와주고 서버 브라..

프로젝트 세팅 https://storybook.js.org/tutorials/intro-to-storybook/react/ko/get-started/ Storybook Tutorials Learn how to develop UIs with components and design systems. Our in-depth frontend guides are created by Storybook maintainers and peer-reviewed by the open source community. storybook.js.org 스토리북을 기존 프로젝트에 추가하려면 아래 커맨드를 터미널에 입력해주면 된다. npx storybook init 설치가 끝나면 자동으로 기본 세팅이 되어있는 것을 확인할 수 있다 아래..