목록전체 글 (161)

Daily Front_Minhhk

Web Server (SOP, CORS)

SOP란? SOP는 Same-Origin Policy의 줄임말로, 동일 출처 정책을 뜻한다. **'같은 출처의 리소스만 공유가 가능하다'**라는 정책으로 출처는 프로토콜, 호스트, 포트의 조합으로 되어있다. 이 중 하나라도 다르면 동일한 출처로 보지 않는다. ex vs ⇒ 두 URI는 프로토콜이 다르기 때문에 동일 출처가 아닙니다. ( https / http ) vs ⇒ 두 URI는 호스트가 다르기 때문에 동일 출처가 아닙니다. ( urclass.codestates.com / codestates.com ) vs http 프로토콜의 기본 포트는 80입니다. 따라서 는 과 동일합니다. ⇒ 두 URI는 포트가 다르기 때문에 동일 출처가 아닙니다. ( :81 / :80 ) vs https 프로토콜의 기본 포트는..
Code개발일지 2022. 12. 8. 14:21
[REACT] StatesAirline Server

💡 Rest API 에 연구를 좀 해봐야겠다 par1, part2 → Search.js import { useState } from 'react'; function Search({onSearch}) { const [textDestination, setTextDestination] = useState(''); const handleChange = (e) => { setTextDestination(e.target.value.toUpperCase()); }; const handleKeyPress = (e) => { if (e.type === 'keypress' && e.code === 'Enter') { handleSearchClick(); } }; const handleSearchClick = () => {..
Code개발일지 2022. 12. 8. 14:18
[React] 클라이언트 AJAX,, useEffect( )

개념학습) React 데이터 흐름 리액트의 데이터는 아래로 흐른다. 일반적으로 이를 "하향식(top-down)" 또는 "단방향식" 데이터 흐름이라고 한다. 모든 state는 항상 특정한 컴포넌트가 소유하고 있으며 그 state로부터 파생된 UI 또는 데이터는 오직 트리구조에서 자신의 "아래"에 있는 컴포넌트에만 영향을 미친다. 따라서 부모 컴포넌트나 자식 컴포넌트 모두 다른 컴포넌트에 대해서는 관심을 가질 필요가 없다. state는 종종 로컬 또는 캡슐화로 불리며 state가 소유하고 설정한 컴포넌트 이외에는 어떠한 컴포넌트에도 접근할 수 없다. 리액트 앱에서 컴포넌트가 유상태 또는 무상태에 대한 것은 시간이 지남에 따라 변경될 수 있는 구현 세부 사항으로 간주한다. 따라서 유상태 컴포넌트 안에서 무상태..
Code개발일지 2022. 12. 7. 16:36
postman (OpenWeather API)

Postman API Platform | Sign Up for Free Postman is an API platform for building and using APIs. Postman simplifies each step of the API lifecycle and streamlines collaboration so you can create better APIs—faster. www.postman.com Сurrent weather and forecast - OpenWeatherMap Access current weather data for any location on Earth including over 200,000 cities! The data is frequently updated based ..
Code개발일지 2022. 12. 5. 16:50
REST API

REST API는 무엇인가? REST API는 REST를 기반으로 만들어진 API로 웹에서 사용되는 데이터나 자원(Resource)을 HTTP URI로 표현하고, HTTP 프로토콜을 통해 요청과 응답을 정의하는 방식을 말한다. REST는 "Representational State Transfer"의 약자로, 로이필딩)의 박사학위 논문에서 웹(http)의 장점을 최대한 활용할 수 있는 아키텍처로써 처음 소개되었다. 네트워크에서 HTTP 프로토콜을 기반으로 요청과 응답에 따라 리소스를 주고받기 위해서는 알아보기 쉽고 잘 작성된 메뉴판이 필요한데, 이 역할을 API가 수행해야 하므로 REST API를 잘 디자인 하는 것이 중요하다. REST 성숙도 모델 - 0단계 REST 성숙도 모델에 따르면, 0단계에서는 ..
Code개발일지 2022. 12. 2. 03:01
HTTP / 네트워크

웹 애플리케이션 아키텍처 학습목표 클라이언트-서버 아키텍처를 이해할 수 있다. HTTP를 이용한 클라이언트-서버 통신을 이해할 수 있다. API의 개념을 이해할 수 있다. 개념학습) 웹 애플리케이션 아키텍처 클라이언트-서버 아키텍처 상품 정보 같은 리소스가 존재하는 곳과 리소스를 사용하는 앱을 분리시킨 것을 2티어 아키텍처, 또는 클라이언트-서버 아키텍처라고 부른다. 리소스를 사용하는 앱이 바로 '클라이언트', 리소스를 제공(serve)하는 곳은 '서버'라고 부른다. 3-Tier 아키텍처 서버는 리소스를 전달해 줄 뿐, 리소스를 저장하는 공간은 데이터베이스라는 창고에 둔다. 이처럼, 기존 2티어 아키텍처에 데이터베이스가 추가된 형태를 3티어 아키텍처라고 부른다. 프론트엔드와 백엔드 프론트엔드 혹은 벡엔드..
Code개발일지 2022. 11. 30. 22:12
이전 Prev 1 ··· 17 18 19 20 21 22 23 ··· 27 Next 다음