회사에서 next.js를 활용할 날이 얼마 남지 않았다. 그래서...!Next.js를 빠르게 파악하고 싶었고 그 방법으로 강의를 듣는 방법을 택했다!인프런에서 강의를 탐색하던 중 현재기준으로 최신 버전인 v13을 활용하여 지도 서비스를 만드는 next js 강의를 발견했다. https://www.inflearn.com/course/nextjs-%EC%8B%9C%EC%9E%91-%EC%A7%80%EB%8F%84%EC%84%9C%EB%B9%84%EC%8A%A4 Next.js 시작하기(feat. 지도 서비스 개발) - 인프런 | 강의Next.js의 기본을 다루는 강의입니다. Next.js로 지도 서비스를 처음부터 끝까지 개발해봅니다., 앞서가는 FE 개발자를 위한 Next.js! 매장 지도 서비스를 만들며 쉽..

✅배경이번에 회사에서 리액트로 리팩토링을 하게 되는데 컴포넌트를 편리하게 관리할 수 있는 방법이 있을까 고민하다 스토리북을 알게 되었다.  ✅스토리북?🤔공식홈페이지(https://storybook.js.org/)를 들어가서 쭉 읽어보니 스토리북을 사용하면 아래와 같은 장점들이 있다고 소개 된다- 🔵Develop UIs that are more durableIsolate components and pages and track their use cases as stories. Verify hard-to-reach edge cases of UI. Use addons to mock everything a component needs—context, API requests, device features, et..

📝회고🔥취업 전흠 ... 지금 생각해봐도 참 돌아왔다.서울 모대학교 기계과를 졸업하고 설계 엔지니어로 일하다 개발에 대해 흥미가 재직중에 혼자 시간 날때마다 틈틈히 html, js, css를 공부했고 나름 잘 맞는 것 같아 과감히 직장을 때려치웠다. ( 재직 기간 동안 혼자 독학했던 책은 do it! html+css+자바스크립트 웹 표준의 정석 과 혼자 공부하는 자바 스크립틍 였다 ) 그리고 7개월간 PWA 프론트엔드 국비과정을 거치고 거의 끝나자 마자 1개월간 취준의 시기를 가진 후 프론트엔드 개발자로 내 예상보다는 좋은 조건으로 첫 커리어를 시작했다. (내 기대치가 너무 낮았던 것두 있었지만..ㅎㅎ) 🔥취업 후 ~ 6개월 간 진짜 6개월간은 주말에도 일을 잘? 쳐내기 위해서 공부를 꾸준히 했던 ..

문제 🔽https://school.programmers.co.kr/learn/courses/30/lessons/42576 프로그래머스코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요.programmers.co.kr 다른사람 풀이 🔽function solution(participant, completion) { const map = new Map(); for(let i = 0; i 0) return k; } return 'nothing';} 내풀이🔽1. 성공function solution(participant, completion){ participant.sort() ..

문제 🔽https://school.programmers.co.kr/learn/courses/30/lessons/12913 프로그래머스코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요.programmers.co.kr 다른사람 풀이 🔽function solution(land) { var answer = 0; return Math.max(...land.reduce((a, c) => { return [ c[0] + Math.max(a[1], a[2], a[3]), c[1] + Math.max(a[0], a[2], a[3]), ..

문제 🔽https://school.programmers.co.kr/learn/courses/30/lessons/12906 프로그래머스코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요.programmers.co.kr 다른사람 풀이 🔽function solution(arr){ return arr.filter((val,index) => val != arr[index+1]);} 내풀이🔽1. 성공 ⭕  function solution(arr){ let answer=[] arr.forEach((val,index)=>{ if(val!==arr[index+1]) answer.push(..

문제 🔽https://school.programmers.co.kr/learn/courses/30/lessons/84512 프로그래머스코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요.programmers.co.kr 다른사람 풀이 🔽function solution(strings, n) { var answer = []; strings.sort((a,b)=>{ if(a[n]>b[n]){ return 1 } else if(b[n]>a[n]){ return -1 } else if(a[n]==b[n]){ ..

문제 🔽https://school.programmers.co.kr/learn/courses/30/lessons/84512 프로그래머스코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요.programmers.co.kr 다른사람 풀이 🔽const VOWELS = ['A','E','I','O','U','']const f=(a)=>VOWELS.map(b=>b+a)function solution(word) { return Array.from( new Set(VOWELS .map(f).flat() .map(f).flat() .map(f)..

문제 🔽https://school.programmers.co.kr/learn/courses/30/lessons/17680 프로그래머스코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요.programmers.co.kr 다른사람 풀이 🔽function solution(cacheSize, cities) { const MISS = 5, HIT = 1; if (cacheSize === 0) return MISS * cities.length; let answer = 0, cache = []; cities.forEach(city => { city = city.toUpp..

문제 🔽https://school.programmers.co.kr/learn/courses/30/lessons/150370 프로그래머스코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요.programmers.co.kr 다른사람 풀이 🔽function solution(sizes) { const rotated = sizes.map(([w, h]) => w { if (w > maxSize[0]) maxSize[0] = w; if (h > maxSize[1]) maxSize[1] = h; }) return maxSize[0]*maxSize[1];} 내풀이🔽1. 성공..