개발일지

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

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..

생각한 점 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..

1. 문제 게임개발자인 "죠르디"는 크레인 인형뽑기 기계를 모바일 게임으로 만들려고 합니다. "죠르디"는 게임의 재미를 높이기 위해 화면 구성과 규칙을 다음과 같이 게임 로직에 반영하려고 합니다. 게임 화면은 "1 x 1" 크기의 칸들로 이루어진 "N x N" 크기의 정사각 격자이며 위쪽에는 크레인이 있고 오른쪽에는 바구니가 있습니다. (위 그림은 "5 x 5" 크기의 예시입니다). 각 격자 칸에는 다양한 인형이 들어 있으며 인형이 없는 칸은 빈칸입니다. 모든 인형은 "1 x 1" 크기의 격자 한 칸을 차지하며 격자의 가장 아래 칸부터 차곡차곡 쌓여 있습니다. 게임 사용자는 크레인을 좌우로 움직여서 멈춘 위치에서 가장 위에 있는 인형을 집어 올릴 수 있습니다. 집어 올린 인형은 바구니에 쌓이게 되는 데,..