회사에서 API 관련 논의 중, HTTP API는 REST API와는 다르다는 얘기가 나왔습니다. 작년 초에 학습했었으나 둘의 차이에 대해서 다소 헷갈려, 복습 겸 정리하려 합니다. tl;dr 통신을 통해 한 곳의 자원들을 다른 곳에서 쉽게 접근할 수 있도록 하는 것을 Web API라고 합니다. 그 중에서도 HTTP 통신을 활용하는 API를 HTTP API라고 하며, REST API의 특성들을 가지는 API를 REST API라고 합니다.API HTTP API와 REST API에 공통으로 들어가는 API란 단어부터 먼저 살펴볼까요. API(Application Programming Interface)는 컴퓨터 혹은 컴퓨터 프로그램끼리의 연결, 좀 더 인간적인 표현으로는 소통을 뜻합니다. 이러한 소통을 어떻..

최근 비트코인 채굴이 환경에 파괴적이라는 일반적인 인식과 반대로 오히려 친환경 발전, 그 중에서도 태양광/풍력 발전의 수익성을 높일 수 있다는 보고서를 접하고 흥미가 생겨 조사했어요. 최근 구독하기 시작한 뉴닉 NEWNEEK의 스타일로, 관련 내용을 정리해봤습니다. :) 어떤 보고서인데 그래? Bitcoin is Key to an Abundant, Clean Energy Future, 온라인으로 발행되었어요. 누가 작성한 거야? 미국에서 결제 서비스를 제공하는 Square와 파괴적 혁신 기업들에 주목하는 자산운용사인 Ark Investment가 공동으로 작성했어요. 3줄 요약부터! ... the Bitcoin network functions as a unique energy buyer that could..

요약 취약점 발생 모듈 websocket-extensions 취약점 발생 원인 yarn 패키지 매니저로 create-react-app을 설치할 경우, 의존 모듈인 websocket-extensions가 0.1.3 버전으로 설치됩니다. 0.1.4 버전 미만의 websocket-extensions 라이브러리는 ReDoS 보안 취약점이 있습니다. 취약점 해결 방법 아래 두 가지 방법으로 해결할 수 있습니다. websocket-extensions 라이브러리의 버전을 직접 0.1.4로 업데이트 GitHub dependabot이 보안 취약점을 해결한 pull request를 merge GitHub의 경고, '보안 취약점을 발견했어요!' 어제 GitHub의 dependabot이란 친구가 두 장의 메일을 보내왔습니다...

요약 발생 에러 Error: Failed to load plugin 'react' declared in '프로젝트 디렉토리 경로\.eslintrc.json': Cannot find module 'eslint-plugin-react'... 해결방법 ESLint가 작동하는 프로젝트 디렉토리를 ESLint 확장 프로그램의 Working Directories 설정에 추가 시스템 환경 Windows 10 Home 1909 프로젝트 환경 Node.js 12.8.1 Visual Studio Code 1.47.0 - ESLint (Extension) - Prettier - Code Formatter (Extension) 설치한 패키지 yarn 1.22.4 create-react-app 3.4.1 styled-compo..

강의: [edwith 부스트코스] 웹 프로그래밍 챕터 4, 웹 앱 개발: 예약서비스 2/4 학습일: 2020년 7월 9일 2. 라이브러리 활용과 클린 코드 - FE 클린 코드 클린 코드의 중요성 클린 코드(Clean Code)는 '깨끗한 코드', 즉 '읽기 편한 코드'를 의미합니다. 프로그래밍을 공부하다 보면 클린 코드의 중요성을 심심치 않게 들을 수 있는데요, 그렇다면 클린 코드가 왜 중요한 것일까요? 프로그램은 '이해하기 쉬워야 하기 때문'입니다. 일상적 언어로 작성된 글도 문장 구조나 논리 전개가 어긋나면 글쓴이의 의도가 제대로 전달되지 않는 경우가 부지기수인데, 다양한 수식과 기호가 포함된 프로그래밍 언어로 작성된 코드는 '깨끗하지 않다면' 이해하는 것이 급격하게 힘들어집니다. 특히 클린 코드는 ..

강의: [edwith 부스트코스] 웹 프로그래밍 챕터 4, 웹 앱 개발: 예약서비스 2/4 학습일: 2020년 7월 8일 2. 라이브러리 활용과 클린 코드 - FE handlebars 라이브러리를 활용한 템플릿 작업 배열이 포함된 데이터 처리하기 실제로 템플릿을 작업할 때 다루는 데이터는 첫 예제처럼 단순하지 않을 가능성이 높습니다. 이번에는 데이터에 배열이 포함되었을 때의 처리 방법을 살펴보겠습니다. var data = { id : 13, name : "Dev", content : "Testing...", like : 5, comment : ["1st comment!", "lol", "nice post!"] }; comment 속성의 값이 3개의 원소로 이루어진 배열로 바뀌었습니다. 이런 경우에는 ha..