post-thumbnail

위코드 부트캠프 3개월 후기 (부제: 난 어떤 주니어 개발자일까?)

'눈 깜짝할 새'라는 표현은 너무 상투적이어서 좋아하지 않는다. 그럼에도 3개월이란 짧지 않은 위코드 부트캠프 기간에 대해 나는 결국 '눈 깜짝할 새였다'고 표현할 수밖에 없을 것 같다. 정말 힘들지만 즐거운 시간이었다.앞서 나는 왜 개발자가 되고 싶었고, 개발자라는

2021년 2월 13일
·
0개의 댓글
post-thumbnail

[Vue] ant design vue 사용 방법

앤트디 사용방법

2021년 1월 17일
·
0개의 댓글
post-thumbnail

[Vue] 기본 구조와 라이프사이클에 대해

vue를 새롭게 공부하는 중이다. 리액트가 익숙해질랑 말랑한 상황에서 vue를 배우는 거라 많이 어렵다. 특히 vue router를 바로 사용하고 있다는 점에서도 어려움이 있었다. 한창 어려움을 겪고 있을 때 기업 협업을 나온 회사의 CTO 분이 Vue 템플릿의 기본

2021년 1월 17일
·
0개의 댓글
post-thumbnail

[firebase] 실시간 데이터베이스에서 자식 데이터에 접근하는 방법

구글 파이어베이스를 이용해서 데이터를 표로 구현하는 프로젝트(?) 미션(?)을 진행 중이다. 사실 파이어베이스의 실시간 데이터베이스에 접근해 데이터를 받아오는 법은 그리 어렵지는 않다. 파이어베이스가 제공하는 공식 문서의 설명이 아주 친절하기 때문이다. 하지만 공식 문

2021년 1월 17일
·
0개의 댓글
post-thumbnail

[React] Hook 양식(form) 적용하기

기본적으로 하나의 <form/> 여러 개의 <input/>, <select/>, <textarea/>으로 구성된다. 사용자가 입력해야 값이 많아질수록 양식은 내부적으로 많은 상태를 가지게 되고 그에 따라 컴포넌트의 복잡해진다. 과거에는 컴포넌트의

2021년 1월 3일
·
0개의 댓글
post-thumbnail

[React] useState 여러번 사용하기

컴포넌트에서 관리해야 할 상태가 여러 개일 경우, 하나의 useState로 여러개의 상태값을 관리하는 방법이 있다.먼저 하나하나 상태값을 주는 방법이다. useState 하나에 여러 상태를 관리하는 방법은 다음과 같다.다만, 객체를 수정해야 할 때 주의할 점이 있다.

2021년 1월 3일
·
0개의 댓글
post-thumbnail

[React] 자식 컴포넌트에서 부모로 데이터 보내기

리액트를 사용하다 보면 자식 컴포넌트에서 만들어진 데이터를 부모 컴포넌트로 보내야 할 때가 있다. 부모에서 자식으로 전달할 때는 props를 통해 비교적 쉽게 할 수 있지만 자식에서 부모로 전달할 땐 까다롭다. 방법은 다음과 같다. 부모 Component에서 useSt

2021년 1월 3일
·
0개의 댓글
post-thumbnail

"왜 갑자기 개발자야?"

내 꿈은 원래 영화 평론가였다. 고등학교 시절부터 개발자를 마음먹기 전까지 쭉이니, 꽤나 오랜 기간이었다.

2020년 12월 27일
·
1개의 댓글
post-thumbnail

[React]componentDidUpdate 사용하기

React에서 render한 직후 다음 단계에서 외부 API 호출을 하기 위해 componentDidUpdate()를 사용하는 과정에서 주의할 점이 있다. setState()를 사용한 뒤 브레이크를 걸지 않으면 무한루프에 빠져 계속해서 데이터를 불러와야한다. 문제는 나

2020년 12월 27일
·
0개의 댓글
post-thumbnail

[GITOMP MUSIC] 1차 프로젝트 후기

약 2주간의 1차 프로젝트를 무사히 마쳤습니다. 체력적으론 힘들었지만 정말 즐거웠던 시간을 회상하며 간단히 후기를 남겨보려 합니다. 저희는 스톰프뮤직(http://stompmusic.com/)이란 음반·공연 기획사의 홈페이지를 클론 코딩했습니다. 기획사는 그리

2020년 12월 27일
·
0개의 댓글
post-thumbnail

위코드 한 달 후기..

아 즐거웠다~

2020년 12월 13일
·
4개의 댓글
post-thumbnail

[React] 댓글 구현 3 (setState 활용)

리액트 라이브러리의 핵심 기능 중 하나가 render다. 이를 구현시킬 때는 this.state와 this.setState가 자주 이용된다. 전자가 기본 토대(?)라면 후자는 가상DOM에서 this.state을 조작한 뒤 브라우저에서 구현될 때 필요하다. 이를 이용해서

2020년 12월 13일
·
0개의 댓글
post-thumbnail

[React] 댓글 구현2 (map함수 이용)

지난번 댓글 구현 포스트에선 자바스크립트의 getElementById 등을 통해서 댓글을 구현하는 기능을 연습해봤다. 한참 자바스크립트를 사용하며 기능 구현에 끙끙대던 중, 난 리액트라는 신세계를 만나버렸다. 개인적으로 리액트는 자바스크립트보다 사용하기 훨씬 쉬웠다.

2020년 12월 13일
·
0개의 댓글
post-thumbnail

[javascript] 삼항연산자

조건부 삼항 연산자는 JavaScript에서 세 개의 피연산자를 취할 수 있는 유일한 연산자다. 보통 if 명령문의 단축 형태로 쓰인다. 이러한 구조에서 조건문이 참이면 선택문1을 실행하고, 조건문이 거짓이면 선택문 2를 실행한다.가령 이러한 예제가 있다고 하자. 이를

2020년 12월 6일
·
0개의 댓글
post-thumbnail

[React.js] 구조 분해 할당

구조 분해 할당은 ES6의 등장과 함께 구현된 방식이다. 리액트에서 구조 분해를 사용하면 객체 안에 있는 필드 값을 원하는 변수에 대입할 수 있다. 코드의 가독성을 높이고 간략화를 할 때 유용하게 사용된다. 참고로 ES6에서 구조 분해는 다음과 같은 방식으로 사용됐다.

2020년 12월 6일
·
0개의 댓글
post-thumbnail

TIL. [React.js] state에 대해

React.js에서 데이터를 유동적으로 만들 때 state를 사용한다. 컴포넌트 내에 별도의 상태가 필요할 때 사용한다. state는 초기값 설정이 필수이며, 생성자에서 this.state = {}으로 설정한다.props와는 다르게 state는 값을 변경할 때 직접 조

2020년 12월 6일
·
0개의 댓글
post-thumbnail

TIL. [javascript] 댓글 구현 1 (getElementById)

인스타그램을 클론 코딩하는 과정에서 피드에 댓글을 올리는 기능 구현을 해야 했다. css로 열심히 레이아웃을 뚝딱딱 만들고 갑자기 자바스크립트로 기능을 구현하려니 회로가 정지된 느낌이었다. 그래도 해야할 것은 해야하는 법. 어떻게 구현할지 차근차근 생각해봤다. 먼저 필

2020년 11월 29일
·
0개의 댓글
post-thumbnail

TIL. [javascript] indexOf 없이 문자 찾기

get_find함수. 문자와 문자열이 주어졌을때, "get_find" 함수는 주어진 문자열에서 주어진 문자가 나타나는 첫번째 위치를 반환합니다.문자열의 첫번째 문자는 인덱스 값 0 을 가집니다.만약 문자열에 해당 문자가 여러번 나타나면, 첫번째로 나타나는 위치를 반환해

2020년 11월 27일
·
0개의 댓글
post-thumbnail

TIL. [javascript] Array method (map, for each)

map과 for each는 ES5에서 지원하는 Array method다. Arrow function과 관련된 내용을 공부하던 중 map과 for each를 사용해서 배열의 반복문을 만드는 것을 보고 이해가 잘 되지 않았기에 좀 더 공부를 해봤다. 두 메서드는 특히 ca

2020년 11월 22일
·
0개의 댓글
post-thumbnail

TIL. [HTML&CSS] 복합 선택자와 가상 선택자에 대해

:hover와 관련된 코딩을 하던 중 어려운 부분이 나왔다. div로 묶인 부모 속성과 자식 속성을 다루는 내용이었는데, 부모 속성에 마우스를 올리면 투명했던 자식 속성 div가 나타나는 내용이었다. 투명도에 관해선 opacity:로 하는 걸 알았기 때문에 간단했다.

2020년 11월 18일
·
0개의 댓글