전체 글

프로젝트 시작! 왓츠핫이라는 맛집 숙박 여행지 리뷰앱 프로젝트 진행에서 프론트엔드 팀의 리더를 맡게 되었다. 팀에는 백엔드 6명과 나를 포함하여 프론트엔드 2명이 있다. 프로젝트를 주도하시는 분의 권유로 프론트엔드 팀의 리더를 맡게 되었다. 막막했던 부분 + 해결 막막했던 부분은 디자이너가 없다는 것이다. 다른 프론트엔드 팀원과 개발을 진행해야 하기 때문에 와이어프레임과 디자인이 반드시 필요하다고 생각했다. 여러 웹사이트를 뒤지면서 여행 리뷰와 어울릴만한 디자인 템플릿을 찾았다. 피그마는 이전 프로젝트에서 한 번 써본 적이 있어서 직접 디자인을 하였다. 내가 이 프로젝트를 통해 얻게 될 것들 1. 이번에는 AWS에 프론트를 배포할 것이고, CI/CD 파이프라인을 구축할 것이다. 2. Daisy UI와 T..

React Icons 라는 오픈소스 React Icons라는 라이브러리가 제공해주는 이점에 매료가 되어있었다. 자연스럽게 나는 React-Icons의 생태계에 기여하고 싶은 욕심이 생겼다. 드디어 날린 첫 pr.. 저기.. merge 해주시면 안 될까요? 내 첫 pr은 react-icons 웹사이트에 검색 shorcut 기능을 구현한 것이었다. 맥이면 cmd + k, 그 외는 ctrl + k를 입력하면 검색 창이 자동으로 focusing 되도록 구현했다. 이는 내가 찾은 기여포인트는 아니고 Issue에 올라와 있었다. 근데 이상한 부분은 이 기능을 나 포함 3명이나 구현 후 pr을 보냈는데 아무런 피드백이 없었다는 것이다. 메인테이너 분께서 이 기능이 마음에 들지 않으신가보다라고 가볍게 생각하고 넘겼지만..

💡 현재 레벨1에서 정답률 제일 낮은 문제 처음 시도했던 방법 function solution(bandage, health, attacks) { var answer = 0; let [prevAttackTime, prevDamage] = attacks[0]; attacks.shift(); dHealth = health; attacks.forEach(attack=>{ let [attackTime, damage] = attack; dHealth -= prevDamage; console.log(dHealth); if(attackTime - prevAttackTime >= bandage[0]){ dHealth += bandage[1] * (attackTime-prevAttackTime); dHealth += Ma..

오픈소스 기여에 관심을 가지게 된 이유 내가 오픈소스에 관심을 가지게 된 이유는 어떤 유튜브를 보고 나서 부터였다. 괜찮은 IT기업에 취직하기 위해서 한가지 도움이 될 수 있는 것 중에 하나가 오픈소스 기여라고 했다. 그 유튜버는 1만개의 스타가 있는 레포를 기여하면 좋다고 했지만 이건 사실 개인적으로 중요하지는 않은 것 같다. 암튼! 그 영상을 보고 '언젠간.. 나도 오픈소스에 기여해야겠다' 라고 막연하게 생각했다. 사실 지금 생각해보면 그때의 실력으로는 좀 꿈에 가까운 얘기였지만 나는 간절하게 이 목표를 마음에 품고 있었다. 왜냐하면 많은 사람이 쓰는 라이브러리에 기여를 한다는 것은 개발자로서 가슴이 뛰는 일이었기 때문이다. 어떤 오픈소스에 기여하면 좋을까? 그렇다면 무작정 '나는 오픈소스에 기여해야..

https://www.codetree.ai/missions/2/problems/non-overlapping-two-rectangles?&utm_source=clipboard&utm_medium=text 코드트리 | 코딩테스트 준비를 위한 알고리즘 정석 국가대표가 만든 코딩 공부의 가이드북 코딩 왕초보부터 꿈의 직장 코테 합격까지, 국가대표가 엄선한 커리큘럼으로 준비해보세요. www.codetree.ai 이 문제의 어려움 완전탐색을 진행하면 된다고 생각했지만 서로 다른 직사각형이기 때문에 가장 먼저 떠오른 naive한 풀이법이 for의 depth가 매우 깊어지는 문제가 있었다. 이를 어떻게 해결하면 좋을지 한참을 고민했다.

http http는 TCP/IP 기반의 통신 프로토콜로 world wide web에서 html file이나 image file 등을 전달하는 데 사용된다. http 명세는 어떻게 클라이언트가 서버에게 데이터를 보낼지 서버는 클라이언트에게 어떻게 응답을 할지 구체화 시킨것을 말한다. http의 특징 3가지 알아보기 1. 비연결성: client가 server에게 request를 보내고 server가 client에게 response를 주면 그 둘과의 연결은 끊어진다. 즉, 항상 연결되어 있는 게 아니라는 뜻이다. 2. media independent: 어떤 타입의 데이터이든 클라이언트와 서버가 그 데이터를 처리하는 방법을 아는 한 데이터를 보낼 수 있다. 단, 데이터에 대한 적절한 마임타입을 구체화 해야 한다..

Node 버전 때문에 생긴 문제점 다른 분이 작업한 리액트 프로젝트를 내 로컬에서 실행시켜야 했다. 하지만, 내 node.js의 버전은 최신 버전이었고 그 분은 16버전이었다. 우려했지만 아니나 다를까 "npm start"를 하니 "react-scripts" 를 실행할 때 문제가 생겼다. 이를 좀 알아보니 node의 버전 문제라고 한다. nvm을 사용하면 node.js의 버전을 쉽게 관리할 수 있다고 하여 nvm설치를 진행해서 해결했고 이를 포스팅하고자 한다. NVM 설치하기 https://github.com/coreybutler/nvm-windows GitHub - coreybutler/nvm-windows: A node.js version management utility for Windows. Ir..

그동안 잡생각이 너무 많았다. 한 번 정했으면 우직하게 나아가야 하는데 나는 뭐 이리 재는게 많을까.. 우유부단한 성격을 고치고 싶지만 그렇게 쉽진 않다. 내 안의 불안을 다스리는 방법을 배워야 겠다. 말로하면 뭘 못할까.. 당장 실행에 옮겨야 겠다. 매일 아침마다 일어나서 계획을 세우면서 내가 개발자의 길을 왜 택했는지 다시한번 상기하고 마음을 다 잡아야 겠다. 확실한 건 나는 무엇보다 코딩을 좋아한다. 성장을 저해하는 요소는 과감히 버리고 성장의 길을 도모하는 것이 현명하다고 생각한다. 시작된 3학년 2학기 과목 자체가 그렇게 어려운 건 없지만 또 쉬운 건 없다. 보통 한 번 들어서는 이해는 못하고 두 세번은 들어야 이해하는 것 같다 ㅋㅋㅋㅋ 이건 뭐 나만 그런건 아니니까 넘기고.. Next.js ,..