profile
Community Manager && front-end Dev
post-thumbnail

그래프큐엘 따라잡기 2탄 - 간단한 query와 mutation

너무 늦었지만 그래프큐엘 2탄을 써보았다

2020년 9월 17일
·
0개의 댓글
post-thumbnail

우아한 테크러닝 3기(3) - JS로 리액트 구현하기

지난 시간에 리덕스를 자바스크립트로 구현했던 것처럼 이번 시간에는 리액트를 자바스크립트로 구현하는 것이 강의 목표! > - 리액트에 대한 기본적인 부분 > - 리액트 구현해보기 리액트 (도입부터 띵언으로 스타트!) 공식문서 보고 학습하다 보면 지식의 넓이가 넓어질

2020년 9월 9일
·
3개의 댓글
post-thumbnail

우아한 테크러닝 3기(2) - 이문식과 자바스크립트 그리고 리덕스

TS를 쓰는 React를 쓰든 어쨌든 둘 다 JS이고, JS에 대한 지식이 진짜 중요하기 때문에 이날 강의 목표는 > - 자바스크립트를 A부터 Z까지! > - 거기다 리덕스! 자바스크립트 A to Z 기억해, 이문식..!

2020년 9월 8일
·
0개의 댓글
post-thumbnail

우아한 테크러닝 3기(1) - intro

1200명이 신청해서 400명이 붙은 우아한 테크러닝 3기 첫 세션을 정리해보았읍니다..정리의 편의를 위해 혹은 잘못 알아들어서 실제 세션의 내용과 조금 다르게 정리 되어있을 수 있읍니다..코드를 짤 때 정답이 한 가지로 정해져 있는게 아니라 방법이 수 만가지라서 잘

2020년 9월 1일
·
7개의 댓글
post-thumbnail

리액트에서 조건부 스타일을 줄때 classNames 라이브러리를 활용해보자!

리액트에서 조건에 따라 여러개의 className을 설정해야 할 때, template literal로 고생했던 당신! 특히나 CSS-Modules를 쓰고 있다면 더더욱 클릭해야 할 이 글! classNames library로 골칫거리를 속시원하게 해결해봅시다

2020년 8월 23일
·
0개의 댓글
post-thumbnail

늦기전에 20대부터 TS 1탄

20대부터 늦게전에 TS! 🏃‍♀️🏃‍♀️🏃‍♀️ 올해 겨울쯤 삼성역에서 발견했던 이 광고.. 웃겨서 찍고 나니 벌써 20대의 끝자락이 절반이나 지나가버렸고.. 그래서 공부해본다 티에스 ㅠㅠ

2020년 8월 15일
·
2개의 댓글
post-thumbnail

그래프큐엘 따라잡기 1탄 - GraphQL 개념에 대해 간단히 살펴보자

아폴로 정복에 앞서......... 그래프큐엘을... 공부해야 한...다.. 그래서 정리해본다... 이번 편은 맛보기용이라서 자세한 설명은 2탄에 계속될 예정쓰...

2020년 8월 2일
·
5개의 댓글
post-thumbnail

아폴로 따라잡기 1탄 - Apollo 그래서 너 뭔데? 먹는거냐?

내가 아는 아폴로는 불량식품 뿐인데, 컴퓨터 세상에도 아폴로가 존재했다..! 리액트앱에 아폴로를 이용해 그래프큐엘에서 데이터를 받아오는 튜토리얼을 따라해보았다.

2020년 7월 11일
·
8개의 댓글
post-thumbnail

초기 스타트업에서 개발자로 일하는 이야기

비전공자 출신+코딩과 무관한 일을 하다가 현재 초기 스타트업에서 개발자로 일하는 이야기 입니다. TMI일수도 있지만 언젠가 개발자의 길을 걷는 분들에게 도움이 되었으면 좋겠군요!

2020년 6월 21일
·
25개의 댓글
post-thumbnail

youtube api로 리액트에 영상 가져오기

youtube api 받아서 리액트에 영상 띄워보자!

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

firestore에서 where절 이용해 filter기능 구현 및 더보기 무한스크롤 기능 구현

firestore에서 where절을 이용해 filter 기능 구현하기! 그리고 더보기 함수를 만들어 무한스크롤 기능을 구현해보았다!

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

firestore에서 sub collection 생성해서 comment 관리하기

은근 구글링 하기 힘든 firestore에서 sub collection 만들어서 댓글 관리하는 과정을 작성해보았다!

2020년 5월 16일
·
0개의 댓글
post-thumbnail

AWS EC2 서버뚫기 도전도전

초보자도 쉽게 따라해 볼 수 있는 AWS EC2 서버 뚫기!

2020년 5월 8일
·
3개의 댓글
post-thumbnail

Portal 이용해서 react에서 Redux없이 Modal창 만들기 도전

- react 공식문서에 있는 Portals를 이용해 modal창을 만들어 본 도전기이다.

2020년 5월 3일
·
6개의 댓글

Semantic-ui로 간단하게 CSS 효과주자

작년 8월에 작성된 글입니다.semantic-ui를 통해 icon을 추가하는 방법을 알아볼게여영어로는 의미론적인 이라는 뜻을 가지고 있는데요!오늘 제가 소개해 드릴 Semantic-ui라는 사이트에선 fontawesome과 같이 다양한 icon과 버튼 기타 등등을 만나

2020년 3월 6일
·
0개의 댓글

CSS Grid로 레이아웃을 짜보자 2탄

작년 8월에 작성된 글입니다.image.png지난번 포스팅에 이어 썸네일은 Grid와 직접적인 관련이 있는 Wafers로..ㅎ웨하스는 일본식 발음이라고 하니 이제부턴 Wafer라는 말을 씁시다!여튼 시작!부분을 뜻하는 Fraction의 줄임말로, 정확한 픽셀값 대신 숫

2020년 3월 6일
·
1개의 댓글

CSS Grid로 레이아웃을 짜보자 1탄

작년 8월에 작성된 글입니다.image.png그리드 하면 생각하는게 와플의 정직한 직선들이라 사진에 넣어보았다 ㅋㅋㅋ이전까지는 flex만 써봤는데(사실 아직 flex를 마스터한것도 아니다.. 다음번에 정리해놔야지)flex보다 좀 더 유용할 것 같은 Grid에 대해 정리

2020년 3월 6일
·
0개의 댓글

wecode 4주차_2일 TIL_Emmet 단축키로 html 핵 간단하게 짜보자

작년 8월에 작성된 글입니다.1번 타자는 Emmet 단축키는 아니지만 구조부터 찬찬히 만들어 보자는 의미에서 추가..!! 누르고 tab키 누르면 뙇!! 뜬다는 사실은 이미 널리 알려져 있어서 패쓰요렇게 간편하게 뙇!!!그치만 Emmet은 진짜 진짜 진짜로 신박한데 많이

2020년 3월 6일
·
0개의 댓글

wecode 4주차_1일 TIL_Sudo란 뭘까?

작년 8월에 작성된 글입니다.image.png맨날 sudo 명령어 써서 수도세 너무 많이 나올것 같은 저의 터미널....뭐만 안되면 일단 수도를 쓰곤 하는데.. 이걸 남용해도 되나 싶어서 써보는 포스팅입니다 ㅋㅋ블로그에 글을 쓸 때만 봐도 sudo 명령어를 쓰지 않으면

2020년 3월 6일
·
0개의 댓글

wecode 3주차_3일 TIL_재귀함수(Recursion)에 대해 정리해보기

작년 8월에 작성된 글입니다.mathematics-696806_640.png학창시절.. 수학시간에 프랙탈이라는 구조에 대해서 한번쯤은 들어봤을 것이다. 동일한 모양이 계속해서 반복되는 그러한 구조...!! 사진 속 시에르핀스키 피라밋처럼!프로그래밍 세계에서도 동일한

2020년 3월 6일
·
0개의 댓글