이모지를 이용한 빙고 - 1. 시작
개요 이 글은 강좌가 아닙니다. 부족한 부분이 있더라도, 너그럽게 봐주신다면 감사하겠습니다. 피드백 언제나 환영입니다 :) 시작하기 전에... 이 글은 글 쓰는 개발자 가 되고 싶어 하는 저의 첫 제물이 될 것입니다. 글 쓰는 능력이 없지만 못써도 양해해 주실 거라...
이모지를 이용한 빙고 - 1. 시작
개요 이 글은 강좌가 아닙니다. 부족한 부분이 있더라도, 너그럽게 봐주신다면 감사하겠습니다. 피드백 언제나 환영입니다 :) 시작하기 전에... 이 글은 글 쓰는 개발자 가 되고 싶어 하는 저의 첫 제물이 될 것입니다. 글 쓰는 능력이 없지만 못써도 양해해 주실 거라...

노션(Notion)으로 개발자 포트폴리오를 만들어 보았다.
작년 말에 "나만의 개발자 포트폴리오 만들기"라는 개발자 포트폴리오 관련 글을 작성했었다. 진행한 프로젝트라고는 하나밖에 없었지만 미리미리 준비해야겠다는 마음에 여러 레퍼런스들을 보고 만들었던 기억이 난다. 그 이후로 개인프로젝트와 팀프로젝트를 진행하고, 대문짝만하게...

🚫 안티 패턴으로서의 CSS background-image 속성
CSS background-image 속성은 여러가지 놀라운 일들을 할 수 있었지만, 대부분의 경우에는 더 이상 사용하지 않는 것이 좋습니다.

🚫 안티 패턴으로서의 CSS background-image 속성
CSS background-image 속성은 여러가지 놀라운 일들을 할 수 있었지만, 대부분의 경우에는 더 이상 사용하지 않는 것이 좋습니다.

웹 프레임워크 Svelte를 소개합니다.
현재 2019년 8월, Angular, React, Vue를 프론트엔드 프레임워크 3대장이라고 합니다. 3대장 프레임워크는 이미 유명하고 많은 기업에서 사용하고 있습니다. 입문용 한글 소개자료도 충분히 존재합니다. 이 글에서는 상대적으로 덜 알려진 웹 프레임워크인...
Nuxt Cypress 적용기
0. cypress란 https://www.cypress.io cypress는 end to end test framework입니다 end to end test란 사용자 입장에서 테스트하는 것을 말합니다. 좀 더 자세한 것은 아래의 글을 읽어보시면 좋을거 같아서 링...

💻 당신의 사이드 프로젝트를 위한 10가지 팁
이 글은 유튜브채널 Traversy Media의 영상 중 당신의 사이드 프로젝트를 위한 10가지 팁이라는 영상의 내용을 정리한 글입니다.

프론트엔드 신입 개발자 지원 회고
며칠 전 그토록 원하던 회사의 합격 통보를 받고 준비하면서 느꼈던 것을 정리하고자 회고 글을 쓴다. 2018년과 2019년 취업 전까지의 활동을 회고하며 느낀 점을 정리하려 한다. 2학년 내가 다니고 있는 학교는 마이스터고라 3학년 2학기가 되면 전환학기가 돼서 ...

DOM이란 무엇인가?
DOM MDN 에서 말하는 DOM의 정의는 다음과 같습니다. 문서 객체 모델(The Document Object Model, DOM) 은 HTML, XML 문서의 프로그래밍 interface이다. 그래서 DOM이 정확히 뭐라고요? 옳은 것을 모두 골라보세요....

velog 배너 생성기를 만들어 봅시다
velog를 사용하는 여러분은 썸네일용 배너를 어떻게 만들고 계신가요? 저는 매번 배너 만들기가 귀찮아서(...) 간단한 배너 생성기를 만들었습니다. - Banner Maker React로 스태틱 배너 생성기를 만들면서 삽질했던 내용을 기록해 보았습니다. 필수적...

Today I Learned (feat.Notion 템플릿)
TIL 작성을 위한 Notion 템플릿을 사용해서 한달 정도 정리한 내용을 모아봤습니다. 📚 TIL Notion 템플릿 매일 쓰는 킬러 앱이다 보니 TIL도 Notion으로 작성하면 어떨까 했는데 깃헙에 푸시하는 것 보다 자주 쓰게 되고 내용에 더 충실할 수 있

🖥 웹 개발자 포트폴리오를 위한 10가지 팁
이 글은 얼마전, 개인적으로 디자이너의 포트폴리오 웹사이트를 작업할 때 본 개발 유튜브채널 Traversy Media의 영상 중 웹 개발자 포트폴리오 웹사이트를 위한 10가지 팁이라는 영상의 내용을 정리한 글입니다.

Dan Abramov - 왜 super(props) 를 명시해 줘야 하는가?
hooks가 최근에 핫하다고 들었다. 아이러니하지만 class 컴포넌트에 재밌는 사실을 설명하기 위해 블로그를 시작한다. 리액트를 더 잘 사용하기 위해서 이것을 아는것은 중요하지 않지만, 어떻게 동작하는지 깊이있게 파고드는 것을 좋아한다면, 재미있을 것이다. 첫 ...

Notion 1년간의 사용기
여기서도 볼 수 있어요 이번 포스트에서는 제가 사랑해 마지않는 앱인 노션(Notion) 에 대해 소개해볼까 합니다. 이제까지 여러 종류의 기록용 앱들을 사용해 왔지만 노션만큼 120% 마음에 들었던 것은 없었거든요. 이전까지 주로 사용했던 것은 에버노트였지만, 노...

[React Native] 인스타그램 UI 만들기 #1
리액트 네이티브(React Native)로 인스타그램 UI을 구현하는 포스팅입니다. 인기있는 앱을 따라 만들어 보는 것은 굉장히 재미있습니다. 구글에서 인스타그램 클론 코딩 강의를 찾아보니, 다른 개발자들이 올린 동영상 강의를 몇 개 찾을 수 있었습니다. > *...

꽤 재밌었다고 (?) 느꼈던 react-loadable 이 리액트 매뉴얼에서 사라진 이야기
이 이야기는 일단 뒷북입니다. 이전에 react-loadable 사용해보고, 서버사이드 렌더링 + 코드 스플리팅을 할 때 꽤나 유용하다고 생각을 했었어요. 오프라인 강의에서도 이걸로 코드 스플리팅과 서버사이드 렌더링하는것을 가르친적도 있기도 한데.. 그 때 까지는 분...

2018 회고 - 4학년이 되기 전 돌아보는 1년간의 기록
2018 회고 우선 회고를 하기 전 이번 한 해는 사전에 기대했던 것만큼 기술적으로 성장할 수 있게 된 계기가 되었다. 2016년 - 봉사의 해(봉사시간 500시간 달성) 2017년 - 사업의 해(창업 경험 달성) 2018년 - 기술적 성장의 해(기술적 성장 달성....

리액트의 Hooks 완벽 정복하기
React Hooks 는 v16.8 에 도입된 개념으로서, 함수형 컴포넌트에서도 상태 관리를 할 수 있는 useState, 그리고 렌더링 직후 작업을 설정하는 useEffect 등의 기능을 제공합니다. 이에 대하여 한번 자세히 알아봅시다.
프론트엔드 면접 질문 모음
설명 개발자 준비를 하면서, 면접에서 개별적으로 혹은 공통적으로 받았던 질문 리스트입니다. 주로 로켓펀치와 원티드를 통해 구직활동을 하였으며, 당연히 비율상 규모가 큰 기업 보다는 스타트업 위주로 면접이 진행되었습니다. 서류를 제출한 모든 기업으로부터 면접이 진행되지...