All Night Coding

들어가기에 앞서 1주차는 회고록을 패스한 이유.. 첫 주차라 적응하는데에 정신이 없었고, 단순히 2주차가 되었을 때 갑자기 회고록을 작성해볼까? 하는 생각이 들었기 때문이다. 이게 바로 대문자 P의 삶이다. ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ 앞으로 꾸준히 작성해봐야지! 배운 것 1. Javascript 기초 문법 (약간 코딩테스트 공부하는 느낌으로다가 진행됨) 2. DOM, 이벤트 3. 인스타그램 클론코딩 먼저 자바스크립트 문법 자체는, 평소에 코테를 계속 준비했었기 때문에 크게 어렵지는 않았다. 그런데 생각보다 JS로 DOM 접근하고 이벤트 만들고 하는 것들이 꽤 어려웠다.. 평소에 리액트만 써서 그런지 바닐라 JS가 너무 생소했다. 특히나 인스타그램 클론 코딩은 정말 꽤 난이도가 높았다. 파일 불러오기부터 정신 나..

문제 설명 전화번호부에 적힌 전화번호 중, 한 번호가 다른 번호의 접두어인 경우가 있는지 확인하려 합니다. 전화번호가 다음과 같을 경우, 구조대 전화번호는 영석이의 전화번호의 접두사입니다. 구조대 : 119 박준영 : 97 674 223 지영석 : 11 9552 4421 전화번호부에 적힌 전화번호를 담은 배열 phone_book 이 solution 함수의 매개변수로 주어질 때, 어떤 번호가 다른 번호의 접두어인 경우가 있으면 false를 그렇지 않으면 true를 return 하도록 solution 함수를 작성해주세요. 제한 사항 phone_book의 길이는 1 이상 1,000,000 이하입니다. 각 전화번호의 길이는 1 이상 20 이하입니다. 같은 전화번호가 중복해서 들어있지 않습니다. 입출력 예제 ph..

문제 설명 초 단위로 기록된 주식가격이 담긴 배열 prices가 매개변수로 주어질 때, 가격이 떨어지지 않은 기간은 몇 초인지를 return 하도록 solution 함수를 완성하세요. 제한사항 prices의 각 가격은 1 이상 10,000 이하인 자연수입니다. prices의 길이는 2 이상 100,000 이하입니다. 입출력 예 prices return [1,2,3,2,3] [4,3,1,1,0] 입출력 예 설명 1초 시점의 ₩1은 끝까지 가격이 떨어지지 않았습니다. 2초 시점의 ₩2은 끝까지 가격이 떨어지지 않았습니다. 3초 시점의 ₩3은 1초뒤에 가격이 떨어집니다. 따라서 1초간 가격이 떨어지지 않은 것으로 봅니다. 4초 시점의 ₩2은 1초간 가격이 떨어지지 않았습니다. 5초 시점의 ₩3은 0초간 가격이..

0. 지원하게 된 이유 1학기 시작하면서부터 블로그 포스팅도 없어지고 깃헙 잔디심기도 뜸하게 되었다. 모 스타트업에서 현장실습 과정으로 근무하느라 정신이 없었기 때문.. 현장실습 근무 종료 후, 인턴 모집에 지원했지만 다 떨어지고 자신감이 사라졌다. 그래서.. 부끄럽지만 개발 공부가 하기 싫고 번아웃이 찾아와서 한 달 가량을 그냥 놀았다. 이렇게 살면 안되겠다 싶어서, 열정적으로 배움을 이어갈 수 있는 부트캠프를 알아보게 되었다. 비록 나는 전공자이지만, 아직 많이 부족하고 포트폴리오가 개인적으로 너무 부실하다고 느껴졌다. 그래서 팀 프로젝트를 많이 할 수 있는 부트캠프들을 위주로 알아보았다. 내가 알아보았던 건 엘리스, 코드잇, 프로그래머스 이정도인데 엘리스의 선발 절차가 가장 빠르게 완료되었다. 1...

react-transition-group이란? 리액트에서 컴포넌트가 DOM에 마운트되고 언마운팅되는 상황에서 애니메이션 효과를 사용할 수 있도록 react 팀에서 자체적으로 제공하는 라이브러리이다. 즉, 페이지 전환 애니메이션을 만들고자 할 때 아주 유용한 라이브러리라고 할 수 있다. 사용법은 간단하다. 먼저 react-transition-group을 설치해 준다. # npm npm install react-transition-group --save # yarn yarn add react-transition-group App.js 상단에 react-transition-group을 import한다. import { TransitionGroup, CSSTransition } from "react-transi..