개발일지

프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr 접근방법 스파이는 다양한 부위에 해당하는 의상을 가지고 있는데, 부위는 중첩되더라도 의상은 중복되지 않는다. 따라서 의상의 부위가 중복된다면 부위라는 사물함에 의상이라는 내용물을 넣어야한다고 생각, 즉 해쉬를 이용하여 풀었다. 코드 function solution(clothes) { // Map을 이용하자! const spyClothes = new Map(); clothes.forEach((item) => { // Map에 부위가 저장되어 있지 않다면 if (!spyClothes.get(item[1])) { ..

인프콘에 당첨! 인프런에서 들을만한 강의를 찾던 도중, 인프콘을 개최한다는 소식을 듣게 되어 인프콘 참가를 신청했는데, 인프콘에 참가자로 선정되어 인프콘에 다녀오게되었다. 같이 올걸.. 코엑스에 도착했을 때부터 사람이 많았고, 인프콘을 진행하는 그랜드볼룸에도 사람이 엄청나게 많았고, 1시 이전에도 많은 사람들이 있었다. 다른 사람들을 보면서 부러웠던 점은 친구들이나 회사 차원에서 함께 오는 사람들이 많았던 것 같다. 오며가며 만나는 이전 동료들을 만나는 사람들도 보이고,, 조금 더 열심히 해서 열정적인 동료들과 함께하고 싶단 생각이 들었다. 다음에도 참여하게 된다면, 동료 개발자분들이나 개발자인 친구들에게 함께 가자고 권유해야지.. 오프닝 오프닝을 인프랩의 CEO, CTO, 커뮤니티 리드님이 진행해주셨다..

GitHub - QuadFlask/react-native-naver-map: 🗺️naver map for react-native 🗺️naver map for react-native. Contribute to QuadFlask/react-native-naver-map development by creating an account on GitHub. github.com QuadFlask님이 만드신 라이브러리,, 항상 감사하게 사용하고 있습니다ㅠㅠ 프로젝트를 진행하는 도중, 네이버 지도를 사용하게 되었다. 설치부터 우여곡절이 많았는데, 설치 및 구현 관련해서는 나중에 정리해서 포스팅하는걸로,, 각설하고, 내가 필요했던 기능은 다음과 같다. 1) 픽셀 당 미터 수 구하기, 2) 안드로이드에서 서브캡션이 나타나지..

Typescript를 적용해야 한다 현재 React-native를 사용하면서 사내 프로젝트를 진행중인데, typescript를 사용하지 않고 진행하다 보니 수많은 상태와, 변수 등에 둘러싸여 작업을 진행하는데 계속해서 불편함을 가지고 있었다. typescript를 도입하게 된다면, 자동완성 및 프로젝트 관리에 효율적으로 진행 할 수 있을 것 같아 타입스크립트를 공부하려 한다. 이번 포스팅을 하면서, redux-toolkit과 hooks를 이용하여, TextInput에 입력한 값을 나열하는 기본적인 프로젝트를 진행했다. React-Native에 적용하기 npx react-native init "나의 앱 이름" --template react-native-template-typescript Redux-tool..

2021 비전공자 → 개발자 2021년은 나에게 큰 변화가 있는 해였다. 개발의 'ㄱ'도 모르던 내가, 부트캠프를 통해서 개발을 공부하게 되었다. 정말 뜬금없기도 했지만, 누군가 필요하다고 느끼는 것, 그리고 내가 필요하다고 느끼는 것을 만들 수 있다는 것이 큰 매력으로 다가왔던 것 같다. 항해 99 지금 와서 생각해보면, 아쉬움이 들기도 한다. 애초에 나는 내가 이해하고, 내가 납득(?)할 수 있는 것들을 잘 사용할 수 있기 때문에, 조금의 준비를 하고 부트캠프의 과정을 겪었다면 어땠을까 하는 생각도 한다. 하지만, 아쉬움이 있을 뿐이지 후회는 하지 않고 있다. 그 당시에 했던 노력과 공부들이 지금의 내가 새로운 기술을 받아들이고, 공부하고, 파고드는 나를 만들었다고 생각한다. React → React..

생각한 점 1. commands 안의 배열의 첫번째 수 부터 두번째 수까지 빈 배열에 push 2. 이후 오름차순으로 정렬 3. 세번째 수의 순서의 숫자를 구하기 function solution(array, commands) { var answer = []; var count = 0; while (count a - b); answer.pus..

function solution(v) { var answer = []; var x = []; var y = []; for(let i=0; i a-b); let yList = y.sort((a,b) => a-b); xList[0] === xList[1] ? answer.unshift(xList[2]) : answer.unshift(xList[0]); yList[0] === yList[1] ? answer.push(yList[2]) : answer.push(yList[0]); return answer; } 직사각형이 되기 위해서는 x축과 y축이 꼭 중복되어야 한다. ..

Next.js란 뭘까? 서버사이드 렌더링을 효율적으로 개발할 수 있도록 도와주는 프레임워크 현재 내가 가지고 있는 책 '실전 리액트 프로그래밍'에서는 'SSR을 서버에서 리액트 코드를 실행해서 렌더링 하는것' 이라고 설명하고 있다. 이것이 필요한 이유는 대표적으로 검색엔진 최적화(SEO)를 해야한다. 빠른 첫 페이지 렌더링이 중요하다. 이다. Next.js 시작하기 mkdir 폴더이름 cd 폴더이름 npm init -y npm install next react react-dom 여기서 package.json에서 scripts를 이렇게 수정했다. 여기서, React와 달랐던 점은 폴더 구성이 node_modules밖에 안만들어져 있어서 처음 잘못 설치된 것인지 헷갈렸는데, 이것이 정상이다. 여기서, pag..