Hudi - 유사 프로그래머

1

Surge.sh 로 무료로 정적 웹 어플리케이션 배포하기

Surge.sh는 정적 웹 어플리케이션을 귀찮은 가입 과정 혹은 복잡한 설정 과정 없이 배포할 수 있는 프론트엔드를 위한 호스팅 서비스이다. 아주 큰 특징은 지금 코드를 작성하고 있는 IDE 혹은 터미널에서 벗어나지 않고, 커맨드라인에서 명령어 몇줄로 아주 간단하게...

0

노마드코더를 보며 따라만든 Typescript 블럭체인

평소에 블럭체인과 Typescript 를 둘다 배우고 싶어했었다. 하지만 마땅한 동기가 크게 없어서 어영부영 미루기만 했었는데, 노마드코더에 Typescript 로 간단한 블럭체인을 구현하는 강의가 있었다. 무료이기도 했고, 블럭체인과 Typescript 둘다 배울 수 있는 아주 좋은 기회라 생각하여...

0

인후라이프 2.0 개발일지

9월 1일 약 3주가량 제작한 인후라이프 2.0을 개강 시즌에 맞추어 드디어 릴리즈 했다. 이번엔 저번과 다르게 간단한 Markdown 문서를 생성하고, 개발하는 도중 생각나는 것들을 여과없이 적어 내려갔다. 그 진짜 일지를 통해서, 좀더 읽기 쉬운 가공된...

0

Styled Components – 스타일을 품은 컴포넌트

우리는 React 에서 컴포넌트에 스타일링을 하기 위해서, 외부에 CSS 파일을 작성했다. 그리고 아마도 Webpack 의 css-loader 를 사용하여, 다음과 같이 CSS 파일을 불러왔을 것이다. import ‘./foo.css’; 물론, 이 방법이 나쁘다는 것은 아니다. 하지만 외부에 CSS...

0

인후라이프 (inhoolife.com) 개발일지

개발 동기 조금 뜬금없지만, 나는 동물을 좋아하기도 하고 친목도 좋아하는 편이라 대학교에서 유기동물 봉사 동아리를 하고 있다. 동아리 단톡방에서는 잡담이 오가는데, 전후에 어떤 이야기가 오갔는지 정확히 기억은 안나지만 인하대 후문의 많은 식당중에서 룰렛을 돌려 랜덤으로...

1

ES6 문법으로 다시 시작하는 자바스크립트

ES6 (=ECMAScript 2015) 가 발표된지도 어언 3년이 다 되어가고 있다. 하지만, 이미 구세대의 기술이 되어버린 Jquery 와 ES5는 아직 많이 사용되고 있다. 현재 자바스크립트 생태계는 Angular, React, Vue 등의 최신 기술이 등장하고, 끊임없이 개선되고, 변화되고...

0

허슬 (Hustle) 하는 개발자

스타트업 취직 도전 블로그에 근황에 대한 글을 쓰지 않았지만, 최근 어떤 스타트업에 프론트엔드 엔지니어 (리액트 개발자)로 지원하게 되었다. 서류, 1차 기술면접, 2차 기술면접을 합격하고, 마지막 가치면접을 마치고 난뒤, 합격 여부 통지만을 기다리고 있다. 합격하고 해당...

0

[node.js] dotenv – 환경 변수 사용하기

dotenv node.js 로 개발을 하면서, 포트, DB 관련 정보 등 전역으로 필요한 여러 정보들이 존재한다. node.js 에서는 dotenv 패키지를 통해 환경변수 파일을 외부에 만들고, 관리할 수 있다.  특히, 깃허브 등에 오픈소스로 프로젝트를 공개할때, DB 계정...

0

Reactstrap – Bootstrap4를 React에서 사용하는 방법

현재 React 에서 Bootstrap 을 사용할 수 있게끔 제작된 프로젝트는 React-Bootstrap 과 Reactstrap 두가지가 있다. 본 글에서는 Bootstrap4 기반의 Reactstrap 을 소개한다. Reactstrap Jquery 기반의 Bootstrap 를 React 환경으로 이식한 프로젝트이다. 기존의 Div 엘리먼트에 Class...

9

비동기적 Javascript – 싱글스레드 기반 JS의 비동기 처리 방법

싱글 스레드 (Single-Thread) 로 작동한다고 알려져있는 Javascript 가 어떻게 비동기 작업을 통해 여러가지 Task를 동시에 처리하는지에 대해 알아보자. 특히 Promise 패턴, Async Await 를 제대로 이해하기 위해서는 꼭 공부하고 넘어가자. 비동기적 Javascript C, Java, Python 을...