Hudi - 유사 프로그래머

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...

8

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

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

0

내 발자취는 얕고, 흐렸다.

나는 나름 프로그래밍을 접한지 꽤 오래되었다. 초등학교 3학년, 처음으로 Flash MX 라는 툴을 접하고 소스코드를 여기서 저기서 복사하면서 게임을 만들었었다. 단, 직접 코드를 작성한 적은 없었다. 흔히 주전자닷컴 등의 플래시 커뮤니티에서 올라오는 <점프 점프 강좌>,...

0

Javascript map 메서드

map() 기존 존재하는 배열의 값들을 이용해서 새로운 배열을 만들어 내는 메서드이다. 배열의 요소를 일괄적으로 변경하는데 유용하며, 배열의 값에 접근할때 for 문과 같은 반복문을 번거롭게 사용하지 않아도 되는 장점이 존재한다. 배열의 메서드로 존재하며, 원래 배열의 각...

0

[펌] 2018년 웹 개발자 로드맵

출처 ( https://github.com/devJang/developer-roadmap ) 2018년 기준 웹 땔.. 읍읍.. 웹 개발자의 로드맵이다. 처음 공부하거나, 이미 웹개발자이지만, 추가로 공부해야할 것들을 이 로드맵을 타고 아래로 내려가면서 체크해보자. 블로그엔 내가 쓴글만 올리려고 펌글은 자제하는 편인데, 이 로드맵은 내용이 너무...