Today I Learned 사실상 항해99의 마지막 커리큘럼인 이력서 제출이 끝났다. 오히려 실전 프로젝트가 끝나니까 더 바쁜 느낌이다. 이력서 1차 제출은 이번 주 수요일까지였는데, 항해에서 권장한 프로그래머스 이력서 포맷을 사용해서 작성했었다. 기술면접 질문들을 준비하느라고 이력서 작성은 뒷전이었던 지라 공들여 작성하지는 못했는데, 그걸 감안하고 보더라도 구려도 너무 구린 것이었다. 섹션 커스텀도 안 되고, 불렛 포인트 위치도 이상했다. 이대로는 안 되겠다 싶어 프로그래머스가 아닌 다른 방식으로 새로 만들기로 했다! 몇 가지 선택지가 있었는데, 문서 툴을 이용하거나, 노션을 이용하거나, 페이지로 만들거나 였고, 나는 깃허브 페이지를 이용해서 만들기로 결정했다. 이왕 페이지를 만드는 김에 갯츠비를 사..
프로그래머스로 이력서를 작성하던 중 다른 개발자 분들이 따로 정적 페이지를 만들어서 이력서를 작성하신 걸 보고 나도 그렇게 만들고 싶어졌다. 여러가지 방법이 있겠지만 Github Pages를 사용해 본 적이 없기도 하고, 이력서는 은근히 갱신할 일이 많을 것 같아 편하게 재배포 할 수 있도록 Github Pages를 이용해 보기로 했다. 0. 사전 준비 node.js npm 또는 yarn (패키지 매니저) 나는 항상 패키지 매니저로 yarn만 사용하다가 이번에는 npm을 사용했다. 찾아보니 yarn으로 깃허브 페이지를 배포하는 것도 크게 달라 보이지는 않았다! 1. Repository 생성하기 레포지토리 이름은 {본인의 Github 아이디}.github.io 의 형태로 설정한다. README.md 는 옵..
https://programmers.co.kr/learn/courses/30/lessons/42748 코딩테스트 연습 - K번째수 [1, 5, 2, 6, 3, 7, 4] [[2, 5, 3], [4, 4, 1], [1, 7, 3]] [5, 6, 3] programmers.co.kr 문제 풀이 function solution(array, commands) { const answer = [] commands.map((command) => { const i = command[0] const j = command[1] const k = command[2] answer.push(array.slice(i - 1, j).sort((a, b) => a - b)[k - 1]) }) return answer }
내가 썼지만 무슨 말인지 잘 모르겠는 제목..! 말 그대로 특정 이미지를 클릭하면 클릭한 이미지를 바로 크게 보여주고, 위나 아래로 스크롤하면 이전 이미지와 다음 이미지를 계속해서 볼 수 있는 쪼끄맣지만 소중한 기능이다..! 구현하게된 계기 지난 주 일요일, 정말 부랴부랴 실전 프로젝트의 프로덕션 배포를 했다. 런칭이 계획보다 훨씬 늦어지는 바람에 피드백을 적게 받으면 어떡하지 라는 걱정을 했었는데, 다행히 정말 많은 분들이 새로운 시선으로 자세히 봐주신 덕분에 UX 개선에 도움이 되는 피드백을 많이 받을 수 있었다! 그 중 짤방 페이지에 대한 피드백도 있었는데, 목록에서 어떤 이미지를 보려고 클릭해서 디테일 페이지로 이동한 후 또 다른 이미지를 보려면 다시 뒤로 가기를 눌러야 하는 과정이 불편하다는 피..
https://programmers.co.kr/learn/courses/30/lessons/81301 코딩테스트 연습 - 숫자 문자열과 영단어 네오와 프로도가 숫자놀이를 하고 있습니다. 네오가 프로도에게 숫자를 건넬 때 일부 자릿수를 영단어로 바꾼 카드를 건네주면 프로도는 원래 숫자를 찾는 게임입니다. 다음은 숫자의 일부 자 programmers.co.kr 문제 [문제 설명] 네오와 프로도가 숫자놀이를 하고 있습니다. 네오가 프로도에게 숫자를 건넬 때 일부 자릿수를 영단어로 바꾼 카드를 건네주면 프로도는 원래 숫자를 찾는 게임입니다. 다음은 숫자의 일부 자릿수를 영단어로 바꾸는 예시입니다. ▪︎ 1478 → "one4seveneight" ▪︎ 234567 → "23four5six7" ▪︎ 10203 → ..