본문 바로가기

005 프로그래밍/기타4

REST API란? 프론트엔드, 백엔드 모두에게 필요한 RESTful API 기초 지식 REST API란 무엇인가? REST API는 다음 두 가지의 합성어이다. REST (Representational State Transfer) API (Application Programming Interface) API란? 어렵게 생각할 필요가 없다. 먼저, API가 무엇인지를 알아보자. API란 조금 쉽고 뭉뚱그려 설명하자면, (프로그램을 만들기 위한) 응용 프로그램을 의미한다고 볼 수 있다. 아주 다양한 형태로 존재하지만, 우리에게 가장 익숙한 것은 아래의 카카오 API, 네이버 API, 공공데이터 API와 같은 것들이 있을 것이다. https://developers.kakao.com/ Kakao Developers 카카오 API를 활용하여 다양한 어플리케이션을 개발해보세요. 카카오 로그인, 메시.. 2023. 1. 20.
프론트엔드 개발자를 위한 vue, react, node 라이브러리 정리 (1) package.json 설명 package.json은 npm으로 생성된 패키지들의 정보를 담고, 관리하는 파일입니다. npm 명령으로 패키지를 설치할 때면 자동으로 설치가 됩니다. 따라서, Vue나 React같은 프레임워크를 생성할 때에도 자동으로 생성이 되었던 것을 보셨을 겁니다. npm init 하지만, 위의 명령을 통해 직접 package.json 파일을 생성, 옵션들을 부여할 수 있습니다. (파일 이름, Licence, Version 등의 여러 옵션을 설정할 수 있지만, 본 포스팅에서는 package.json을 대강 이해하는 데 주력하기 위해 생략하도록 하겠습니다) 2023. 1. 19.
프론트엔드 개발자를 위한 vue, react, node 라이브러리 정리 (0) eslint, babel, package, config ... 너희는 누구냐? Vue나 React 같은 프론트엔드 프레임워크의 환경을 설치하거나 세팅할 때면, 프레임워크 뿐만 아니라 아래처럼 다양한 라이브러리들이 포함되어 설치되는 것을 볼 수 있다. 프레임워크 세팅은 대부분은 강의를 통해서나, 공식 문서를 통해 진행하며, 세팅 후에도 이 라이브러리들에는 크게 손 댈 일이 많지 않아 큰 관심을 가지지 않았었다. 하지만, 몇 차례 이들 라이브러리 때문에 오류가 발생할 때면, 어디서부터 수정을 해야될 지 몰라 프로젝트를 처음부터 다시 세팅해야 하는 불미스러운 일들이 있었다. 이 때문에, 이들 라이브러리들이 왜 쓰이고 어떤 원리를 가지고 있는지 대충은 알아야겠다는 생각이 들어 본 포스팅을 준비하게 되었다. 앞으.. 2023. 1. 18.
GraphQL을 프론트엔드 개발자가 배워야 하는 이유 GraphQL이란? 페이스북에서 만든 쿼리 언어이다. GraphQL 예시 // 호출 { hero { name height } } // Return값 { "hero" : { "name" : "Iron Man", "height" : "184cm" } } SQL도 쿼리언어가 아닌가요? 둘의 차이점은? SQL은 데이터베이스(DB) 시스템에서 정보를 효율적으로 가져오는 것이 목적이다. 한편, GraphQL은 서버에서 정보를 효율적으로 가져오는 것이 목적이다. 따라서, SQL은 주로 백엔드 시스템에서 작성하고 호출하는 반면, GraphQL은 주로 클라이언트에서 작성하고 호출한다. REST API와의 차이점은? REST API에서는 URL + Method의 조합을 사용한다. 각각의 정보들이 (예를 들자면) '/wri.. 2023. 1. 17.