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

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

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

4일 전
·
2개의 댓글
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일
·
1개의 댓글
post-thumbnail

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

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

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

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개의 댓글

wecode 3주차_1일 TIL_Linux의 기초를 알아보자

19년도 8월에 작성된 글입니다.image.png까만 터미널이 무서워서 색깔을 입혀본 나의 터미널쓰.. 터미널 너무 무서워서 싫어하는데... 개발 하려면 이제는 친해져야겠지! 하는 의미에서 써보는 포스팅 ㅠㅠ대부분의 서버가 linux로 되어 있어서 개발하는 사람들이라면

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

wecode 2주차_7일 TIL_웹의 역사와 이것저것쓰

world-1302959_1920.jpg 위코드 송은우님의 강연을 바탕으로 쓴 포스팅입니다 :) 웹서비스 그냥 개발공부를 시작하는 것보다는 한번쯤은 짚고 넘어가면 좋을 부분이 바로 웹의 역사! 뭐든 역사와 의미를 알고가면 좀 더 재밌게 공부할 수 있으니깐~!ㅋㅋ

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

위코드 2주차_4일 - set Interval로 특정행동 초마다 반복시키기

image.png 어제 집 가기까지 만든 화면! 별 거 아닌것 같이 보이지만 여기까지 오느라 너무너무 힘들었다 ㅠㅠㅠ 이제 유령 파트를 구현해야 하는데!! 새로고침 시 유령 랜덤하게 등장하기 일정시간이 경과하면 유령 자동으로 떨어지게 하기 유령이 김영웅과 만나면 피

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

wecode 2주차_4일 TIL_객체의 생성자, 프로토타입,클래스

19년도 8월에 작성된 글입니다.drink-3169977_1920.jpg커피나 홍차에 설탕이 빠질수 없듯이! 컴퓨터 세상에서도 설탕역할을 하는 달콤한 녀석들이 이다.Syntactic sugar우리말로 하면 문법적 설탕정도..? 어려운 컴퓨터 세상 언어를 좀 더 달콤하게

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

위코드 2주차-3 - key event로 캐릭터 좌우로 이동하기

지난번에 캐릭터를 자르는데까지 정말 오랜 시간이 걸렸다. 이제 key event를 넣어서 좌우로 이동할 수 있도록 식을 만드는 시간쓰~ key code Number 알아내기 캐릭터를 좌우로 이동하려면 좌키, 우키 각각에 해당하는 숫자를 알아내서 각각의 값에 이벤트를

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

위코드 2주차-2 TIL : sprite로 캐릭터 자르기 및 불러오기

image.png 스프라잇 샤워가 아닌 답답함과 고통만 가득이였던 sprites.. 찾아본 sprites는 쪽화면이라는 뜻이었다. 업계에선 많이 쓰이는 용어같은데 나만 몰랐어~ 그리하여 시작된 나의 힘겨운 여정쓰....... 첫 시도 : p5 library를 이

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

위코드 2주차-1일 TIL : 게임만들기 - Image 불러오기

방금 전에 게임 배경화면 띄우기 성공해서 기분 좋아져서 쓰는 블로그~ 하면서 중간중간 정리를 해줘야 나중에 고생을 안 할거 같아서 미리미리 써봅니다 룰루~♬ 게임만들기 미션 목록 두둥! >1. 바탕화면 깔기 히어로를 가운데서시작하도록 키이벤트 -> 좌우 누를때 히어로 움직이게 바탕화면 끝 도달하면 더이상 움직이지 않도록 아래는 아마 추가미션? 귀신 하늘에...

2019년 8월 5일
·
0개의 댓글