Fact(한 것) - 이직 - 프로젝트 8개 - 첫 리드로 승진 - 파트장으로 승진 - 연봉점프 - 퇴사 - 프로젝트 배포 Finding(새로 알게 된 것) - Typescript 프로젝트 적용 - 앱내 웹뷰 - 바닐라 자바스크립트 프로젝트 - 유통 및 사업 - React query - NextJS 실무 적용 Feeling (느낀 점) 꾸준히 이직을 준비하고 있던 찰나에 다른 회사에서 먼저 연락이 왔다. 현재 받는 연봉에 무려 2000만원이나 더 높은 연봉을 제시해서 뒤도 안돌아보고 나왔다. 그러나 아직 주니어 개발자고 2년차인데 벌써 회사를 2군데를 다녀서 이력서상에 문제가 생기는게 뻔하긴 했지만 거절하기엔 너무 큰 액수였고 전전직장에서는 워라벨은 좋았으나 실제 프로젝트를 하면서 배울 수 있는건 별로 ..
CSR Client-Side Rendering, SSR (Server-Side Rendering), SSG (Static Site Generation)은 모두 웹 개발에서 사용되는 다양한 렌더링 방법입니다. 각각의 방법은 웹 페이지를 어떻게 구성하고 브라우저에 표시할지에 대한 접근 방식에 차이가 있습니다. CSR (Client-Side Rendering) CSR은 웹 페이지를 동적으로 생성하는 방법으로, 서버로부터 초기 HTML, CSS, JavaScript 파일을 받아와 웹 페이지를 그린 후에, 클라이언트에서 JavaScript를 사용하여 추가적인 데이터를 가져와서 화면을 갱신합니다. 이를 통해, 사용자에게 더욱 빠르게 웹 페이지를 보여줄 수 있습니다. 대표적으로 React, Vue, Angular 등..
정수 숫자와 정수 대상의 배열이 주어지면 두 숫자의 인덱스를 반환하여 대상에 합산합니다. 각 입력에는 솔루션이 하나만 있고 동일한 요소를 두 번 사용할 수 없다고 가정할 수 있습니다. 답변은 어떤 순서로든 반환할 수 있습니다. https://leetcode.com/problems/two-sum/ Two Sum - LeetCode Can you solve this real interview question? Two Sum - Given an array of integers nums and an integer target, return indices of the two numbers such that they add up to target. You may assume that each input would ..
리스트 값에 순서가 존재한다는 뜻이다. 간혹, 나도 그렇고 여러 사람이 처음 공부할때 헷갈릴텐데 리스트의 개념 과 리스트(배열) 를 착각 하는 경우가 많다. 알고리즘에서 얘기하는 리스트는 보통 배열이 아닌 리스트(순서가 있는 값의 집합) 이라고 생각하는게 편하다. 자, 그럼 우린 더이상 리스트와 링크드리스트의 차이를 찾아볼게 아니라 배열과 링크드리스트를 알아봐야함을 알 수 있다. 배열 배열은 첫번째 주소값으로 부터 바로 다음에 있는 순서의 주소값에 값들이 순서대로 저장되는것이다. 이미 다른 언어는 다루지않아봐서 잘 모르겠지만 필자의 주언어 인 자바스크립트를 기준으로 const testArray = ["하나", "둘", "셋", "넷", "다섯", "여섯", "일곱"]; 라는 배열이 있다고 가정할때 "넷"..
Todos HTML 삽입 미리보기할 수 없는 소스 Finding - Jest 쿼리함수 - 퍼스널 칸반 Feeling - 요즘 프로젝트 때문에 애자일에 대해 흥미가 생겨서 계속 읽고 있는데 프로젝트 뿐 아니라 삶에 녹여낼 수 있다고 생각해서 일기도 쓰기시작했다. 그러나 딱히 나의 일정관리같은건 따로 하지 않았고 오늘도 TIL을 써야지 하고 복사 붙여넣기 하다보니 NextTodos에 써놨던게 생각이 났다.. 3일동안 TIL을 적지 않아서 전혀 몰랐는데.. TIL은 매일 작성하기 매우 힘들다.. 일기면 모를까.. 그래서 앞으로는 조금 방식을 바꿔보려고 한다. 칸반을 이용해서 실제 내 삶에 일정을 애자일하게 관리하는것..! 할 수 있을지는 잘 모르겠지만 아무튼 안해보고 판단하는것보다는 나으니까 내일부터 개인 칸..
Todos HTML 삽입 미리보기할 수 없는 소스 Finding - Cypress 사용법 Feeling - 처음으로 공식문서를 이용해서 공부해봤다. 여태까지는 항상 인강을 통해서 습득했었는데 Cypress에 대한 강의가 없어서 내친김에 인강으로 습득해봐야겠다는 생각에 도전을 했는데 너무 어려웠다.. 일단 영어에서 넘사.. 아무튼 Cypress는 진짜 좋은것같다. 약간 스토리북이랑 되게 비슷한 느낌이 있었고 아마 프로젝트할때마다 꼭 사용하지 않을까 생각한다. 전부 영어로 되어있어서 진도가 많이 느렸지만.. 그래도 되게 뿌듯하다..! Next todos - NextJS 로 TodoList 만들기 - TodoList에 스토리북 적용해보기 - SWR의 장단점, 리액트 쿼리의 장단점 비교해보기
Todos HTML 삽입 미리보기할 수 없는 소스 Finding - Cypress와 Jest의 차이 Feeling - 사이드 프로젝트를 진행하면서 온갖 방법이나 좋다고 하는것에 대해서 어느정도 알고는 있어서 적용하자고 했는데 사실 실제로 적용해본적도 없고 이런것이 있구나 정도로만 알고 있어서 걱정이 크다.. 생각보다 유용한 도구들이 많은건 알고 있었지만 실제로 적용해보자! 하고 시작하는 프로젝트는 처음이라 짝프로그래밍, 커밋컨벤션 등 체계적인 환경속에서 작업해본적은 없어서 자신이 없다..ㅠㅠ 물론 하면 하겠지만!! 이번에 적용하자고 하는 기술을 나열해보니까 50% 이상 실제 사용해본적 없는걸 보고 살짝 충격이 왔다 그만큼 내가 유용한 툴을 냅두고 공부해보지 않았다는 거니까.. ㅠㅠ 아무튼 다음주까지 적용..
Todos HTML 삽입 미리보기할 수 없는 소스 Finding - 애자일에 대한 개념 Feeling - 애자일에 대한 얘기는 정말 많이 들어봤지만 실제 적용한적도 알아본적도 거의 없다. 그래서 관련 도서를 읽었보았는데 생각보다 훨씬 내용이 좋았다. 물론 어떤 책이든 마찬가지지만 당연한 소리를 많이 넣는다. 이번에 책을 읽으면서 어떤 개발 도서던지 핵심은 잘게 쪼개기, 가독성, 협력 인것같다. 여태까지는 개발에 집중된 도서만 읽었는데 이 책을 읽으면서 개발생활? 에 대한 개념을 조금 더 잡을 수 있었다. 그래서 앞으로는 더 잦은 피드백을 위해 TIL은 공부를 위해 작성하는 것이니 앞으로는 일기를 써서 잦은 피드백을 받기로 다짐했다. TIL은 공부를 안하면 안적는 핑계가 있지만 일기는 짤없다. Next t..
Facts - 회사 프로젝트 리팩터링 - 회사 프로젝트 테스트 추가 - React TodoList 포스팅 - Vue TodoList 작성 - 팀 사이드 프로젝트 참가?? Finding - React naming 규칙 - Vue, Vuex - MVVM 패턴 - 인터렉티브 css 하는법 Feeling 나름 매일 꾸준히 공부했다고 생각했는데 막상 회고를 하니 별로 한게 없다.. React에 관한건 이미 거의 알고 있던 부분이니 제외한다고치고 새로 알게된건 겨우 Vue, css 정도네.. 왜지..? 왜 별로 없지.. 그래도.. 나름 한다고 했으니까 그나마 이정도라도 했다고 생각하자 만약 안했다고 하면 정말 제자리걸음 일거라는 위화감도 든다. 그리고 역시 Vue는 불편하다. Next todos - 개인 포트폴리오..