Todos HTML 삽입 미리보기할 수 없는 소스 Fact - NextJS CRUD 구현, API 생성 연결 - 프로젝트 스터디 회의 - 인터뷰 - 유튜브 편집 및 녹음본 프로토타입 업로드용 편집 - 유통업 주문처리 Finding - 유튜브 편집기능..? Feeling 오늘은 딱히 뭔가 한게 없다. 오히려 개발보다 편집이나 녹음을 어떻게 할지에 대한 고민을 많이 한듯. 따로 백엔드 API를 구성해본적은 없는데 뭔가 재미있기도하고 실제로 프론트입장에서 받아오는게 완전 똑같다보니 신기하기도하고 재미있기도한데 과연 서버에서도 이렇게 API구성을 이렇게 하는건가? 인터뷰도하고, 회의도하고, NextJS 프로젝트도하고, 유튜브 완성본도 만들고, 주문처리 등 많은걸 했는데 딱히 새롭게 뭔가를 알지는 못했다. 딱히 ..
테스트 코드 작성 const { nextNumber } = require("./nextNumber"); test("test nextNumber function", () => { // 등차수열 테스트 expect(nextNumber([1, 3, 5])).toBe(7); expect(nextNumber([3, 6, 9, 12])).toBe(15); expect(nextNumber([-5, -2, 1, 4, 7])).toBe(10); // 등비수열 테스트 expect(nextNumber([2, 4, 8])).toBe(16); expect(nextNumber([1, 2, 4, 8])).toBe(16); expect(nextNumber([4, 12, 36])).toBe(108); }); 이번엔 음.. 굳이굳이 한..
Todos HTML 삽입 미리보기할 수 없는 소스 Fact - 프로그래머스 다음에 올 숫자 풀기 및 테스트코드 작성 - 프로젝트 스터디 회의 - 개인 프로젝트 NextJS 로그인 API 생성 및 적용 - 유튜브 프로그램 찾기 - 유튜브 녹음 Finding - NextJS에서 API를 직접 구현 할 수 있다 (충격) - NextJS에서는 일반적으로 서버사이드이기 때문에 웹API인 localstorage api를 사용하지 못한다. Feeling 공부를 많이 하는게 목표였는데 사이드프로젝트, 개인프로젝트, 유튜브 편집 및 녹음 등 하느라 너무 많은 시간을 허비했다. 사실 허비가 아니라 필수적인 시간이긴한데 공부를 많이 못해서 좀 아쉽긴 하다. 그래도 익숙해진다면 금방 공부 할 시간도 많이 생길거라고 생각한다...
Todos HTML 삽입 미리보기할 수 없는 소스 Fact - 프로그래머스 압축 알고리즘 풀기 및 테스트코드 작성 - 일급 함수에 대해 블로그 포스팅 - 프로젝트 스터디 회의 - map, filter, reduce 내장 메서드가 아닌 직접 구현해보기 - 늦은 2022 회고 포스팅 Finding - 일급 함수 - 퍼스널 칸반 - 이터러블 이터레이터 - 평가와 일급 - 함수형 프로그래밍을 하면서 얻는 장단점 Feeling 오늘은 그래도 비교적 많은걸 했다고 생각했는데 생각보다 별로 공부한것도 많이 없네 싶다. 그래도 1년만에 다시 TIL을 시작한만큼 작년에 절실했던 마음으로 다시 공부를 시작해보자 현재 함수형 프로그래밍에 대해서 공부하고 있다. 나름 리액트를 하면서 함수형 프로그래밍을 하고 있다고 생각했는데..
평가 - 코드가 계산되어 값을 만드는 것 일급 - 값으로 다룰 수 있다. - 변수에 담을 수 있다. - 인자로 사용될 수 있다. - 반환값으로 전달할 수 있다. 일급 함수 일급함수란 함수를 일반 값처럼 다룰 수 있는 함수를 말합니다. 함수를 매개변수, 반환값, 변수 등으로 사용할 수 있습니다. 이러한 특징은 함수형 프로래밍에서 중요한 역할을 합니다. - 함수를 변수나 데이터 구조에 저장할 수 있습니다. - 함수를 매개변수로 전달할 수 있습니다. - 함수를 반환값으로 사용할 수 있습니다. const a = 100; const add = (test) => test + 100; const result = add(a); console.log(result) // 200 위 코드가 가능한 이유는 함수를 반환값으로 ..
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은 매일 작성하기 매우 힘들다.. 일기면 모를까.. 그래서 앞으로는 조금 방식을 바꿔보려고 한다. 칸반을 이용해서 실제 내 삶에 일정을 애자일하게 관리하는것..! 할 수 있을지는 잘 모르겠지만 아무튼 안해보고 판단하는것보다는 나으니까 내일부터 개인 칸..
