들어가며 최근 React에 대해 알아가면서 Hook과 더불어 Higher-Order Components (이하 HOC)에 대한 말이 자주 보인다. 따라서 이번 기회에 한번 정리를 해보려고 한다. 참고한 글 Toast 리액트 HOC 집중 탐구 (1) Toast 리액트 HOC 집중 탐구 (2) 컴포넌...

들어가면서 많은 블로그나 MDN 공식 사이트에 import에 대해 잘 설명이 되어있긴 하지만 내용을 정리하는 차원에서 toy project 진행중 궁금했던점을 vs 형식으로 매우 간략히 정리하였다. require vs import require //react 모듈을 불러옴 const Chicken = require("chicken"); im...

드디어! 진행중인 토이프로젝트에 HTTPS를 적용하는데 성공하였다. 역시 삽질이 있었고 이 토이 프로젝트를 마무리 할 수 있게되었다. 이번 글은 HTTPS를 적용하는 과정을 기록하고자 한다. 개요 요 근래 구축된 웹사이트에 HTTPS를 적용하지 않은곳을 찾기가 어려울 정도로 HTTPS가 적용되어 있다. 나또한 HTTPS를 토이 프로젝트 웹 사이트의...

개요 토이 프로젝트 진행중 사용하지 않는 모듈을 정리하기 위해 npm install을 진행중 취약점 고나련 메시지가 출력되는것을 확인하였다. 해결하는데 큰 노력은 들지 않았지만 과정을 기록하기 위해 글을 남긴다. 해결과정 해당 메시지를 구글링 해보니 내가 사용하고 있는 package중 취약점 문제가 있으니 이를 해결하라는 일종의 경고문이였다....

들어가며 송이공판현황 웹 페이지의 raw data 조회 기능을 개발하는 와중에 겪은 문제와 이를 해결하기 위한 방법을 고민하는 과정, 실제로 적용한 방법에 대해 정리한다. 문제-형제관계(sibling)인 컴포넌트에서 데이터 전달방법에 대한 고민 결론은 Context API를 사용. raw data를 조회하기 위한 기능 구현중 유저가 ...

이 글은 TypeScript in 5 minutes을 참고하였습니다. 들어가며… 새해 목표중 하나인 TypeScript를 배워보고자 TypeScript를 가볍게 살펴보려고 한다. 설치 npm install -g typescript 로컬로 설치하고 싶다면 -g 를 빼고 설치하면 된다. 물론 나는 글로벌 설치를 하기 위해 그대로 두었다. ...

들어가며… 어느 소프트웨어던 예외-Exception 상황은 존재하기 마련이다. 프로그래머가 미처 예상하지 못하여 대비 못한 예외가 발생한다면 그때부터 골치아픈 일이 생긴다. 프로그램이 그냥 죽던가, 전혀 예상치 못한 동작을 한다던지, 멈춘채로 자원을 점유만 하고있다던지 등등.. 정말 끔찍한 일들이다. 누가 말하길 실제 소프트웨어 개발에 30%의 시간...

언어 javascript Level 2 문제 링크 문제설명 상단 링크 참조 개요 자료구조 해시를 사용하면 쉽게 풀리는 문제. 오히려 어렵게 생각하면 더 꼬였음. 코드 functi...

HTTP request method HTTP request는 자주 사용하지만 간혹 헷갈리고 까먹는 부분이 종종 생겨 이참에 정리를 해보고자 한다. 그전에 먼저 method의 성격에 대해 기술한다. 아래의 내용은 HTTP/1.x 에 대하여 기술함. Request has body 요청문 내에 본문이 있는지 여부이다. HTTP 요청 메시지의 ...

2019년 연말 회고 벌써 2019년도 몇일 남지 않았다. 도대체 언제 이렇게 시간이 지나버렸는지 참 놀라울 따름이다. 올해 있었던 일들을 돌아보면서 2019년을 보내려고 한다. 개발자로서 개발자로서 올해를 나타내는 키워드는 4개로 나타낼 수 있다. 출장 퇴사 도전 출장 올해 초부터 경주와 대전을 매우 자주 오갔다. 구글 캘린...