FrontEnd 이상혁

우리가 서버와 통신을 할 때 겪는 문제 중 가장 많이 겪는 문제가 있다바로 cors이다! 이건 프론트가 요청을 보낼 때 이상하게 error로 기어 나와서 신경 쓰이게 한다 그래서 이문제를 해결해보려고 cors를 공부해 보았다CORS?(Cross-origin resource sharing)로 교차 출처 리소스 공유로 도메인이 다른 서버끼리 리소스를 주고받을 때 보안을 위해 설정된 정책이다 쉽게 생각하자면 A에서 B로 데이터를 가져오려고 하는데 API서버 B에서 CORS허용 설정이 되어있지 않다면 CORS오류가 발생한다. 기준이 뭘까?우리가 하나의 문자열이라고 판단하는 이 URL은 사실을 이렇게 각각의 부분으로 나뉘어 판단할 수 있다두 개의Scheme(프로토콜), Host(도메인), Port, 이 3가지만 ..

내가 FrontEnd공부를 하면서 "프런트엔드 좀 한다!" 하는 놈들 특징이뭔가 이상한 것들을 쓴다.React, Ajax, TypeScript등등그중에서 가장 많이 들리는 건 React이다 아니 javascript로도 충분히 나의 정보를 표현할 수 있는데 굳이 번거로운 라이브러리를 사용하는 이유가 뭘까? 오늘은 React에 관한 글이다 React가 뭔데?React는 웹 프레임워크로, 자바스크립트 라이브러리의 하나로서 사용자 인터페이스를 만들기 위해 사용된다.  React는 facebook에서 제공해 주는 프런트엔드 라이브러리라고 볼 수 있습니다.싱글 페이지 애플리케이션이나 모바일 애플리케이션의 개발 시 토대로 사용될 수 있습니다. 즉, 현재 많이 활용되고 있는, 웹/앱의 View를 개발할 수 있도록 하는..

이제 실제로 JS를 활용해 API 연결을 실제로 해볼 것이다이 방법은 내가 실제로 따라 해본것을 그대로 적었다모르긴 몰라도 이대로 따라만 하면 초보자도 API연결을 체험정도는 할 수 있지 않을까 싶다무슨 API에 연결할까? Open API누구나, 자유롭게 사용할 수 있는 api로 가장 대표적인 건 날씨, 기상청 api이다.여기에서도 날씨 api에 연결할 것이다 Current weather and forecast - OpenWeatherMapOpenWeather Weather forecasts, nowcasts and history in a fast and elegant wayopenweathermap.org 우리는 위에 사이트를 사용하겠다 우선 회원가입을 해준다 그리고를 클릭해서 들어가면 이런 창으로 넘..

API 통신이란?정식 명칭은 Application Programming Interface(API)로 정의 및 프로토콜 집합을 사용하여 두 소프트웨어 구성 요소가 서로 통신할 수 있게 하는 메커니즘입니다. 제가 사용한 기상청의 소프트웨어에는 기상데이터가 들어있고, 우리의 소프트웨어와 기상청의 소프트웨어가 소통을 하여 정보를 전달하는 메커니즘이죠 어떻게 소통할까? API 아키텍처는 일반적으로 클라이언트와 서버 측면에서 설명됩니다.  여기서 클라이언트는 우리의 소프트웨어, 즉 요청을 보내는 소프트웨어를 의미하고, 클라이언트의 요청에 응답을 하는 소프트웨어를 서버라고 칭합니다  서버에서 요청을 응답할때 Json방식으로 응답한다Json이란? Javascript Object Notation(Json)쉽게 말해 문자..