console.log

zustand 는 브라우저 메모리에 올라가기 때문에 새로고침을 하거나 창을 닫았다가 끄면 사라진다.간단하게 유저 로그인 상태를 확인하고 유저 정보에 빠르게 접근하기 위해서 zustand 를 사용하는건데,만약 새로고침이나 창을 닫았을때 유저 상태가 날아가버린다면 결국에는 세션으로 다시 상태를 체크해줘야 하고 그러면 zustand 를 사용함으로써 얻을 수 있는 장점이 가려진다는 생각이 들었다. zustand 스토어 생성시 persist 미들웨어를 사용하면 로컬스토리지를 사용해서 위같은 문제를 방지할 수 있다. 공식 문서 예제를 살펴보자 " 함수명()() " 이렇게 생긴 낯선 문법을 발견.분명 예전에 써봤는데 이게 뭐였지 싶어 다시 정리해본다 * Currying 함수함수의 반환값이 함수인 경우. 또는 함수를 ..

++ ) 내 솔루션은 그냥 배열 .reverse() 썼는데, 내 코드를 지피티한테 보여주고 성능적으로 더 나은 코드를 보여달라고 했더니, 아주 단순하고 좋은 방법을 알려줬다. 이런걸 보면 내 js 이해도를 더 올려야겠다고 다짐하게 된다.let left = s, right = e;while (left 배열을 복제하지 않고, 구조분해 할당을 사용해서 그냥 원본 배열의 원소를 스왑함. 문제 설명 문자열 my_string과 이차원 정수 배열 queries가 매개변수로 주어집니다. queries의 원소는 [s, e] 형태로, my_string의 인덱스 s부터 인덱스 e까지를 뒤집으라는 의미입니다. my_string에 queries의 명령을 순서대로 처리한 후의 문자열을 return 하는 solution 함수..

* 후기 질문들 ( 기억에 남는것만 ) 1. 간단 자기소개- 개발시 고려하는 부분 ~ 코드 짤때 어디를 신경쓰는지까지.준비한 내용의 반절 정도 밖에 얘기를 못한것 같다. 너무 긴것 같아서.. 그냥 잘랐다 2. 프로젝트 기억에 남는거와 이유, 과정- 엠티처 리뉴얼 사이트 얘기를 했다.힘들었던 부분은 프로젝트 기간이 짧아서 개발-테스트-디버깅 세개가 동시에 이루어졌다고 & 처음 사용해보는 기술 스택을 써야해서 힘들었다는 얘기를 했고,좋았던 부분으로는 큰 프로젝트가 어떻게 돌아가는지 알게 된거 - 예를 들어 서버를 세개 종류로 나누고 개발,스테이지,운영으로 각자 용도에 맞게 사용한다던지, 정해진 시간에 배포해서 그 시간 전에 적용한 건에 대해서만 배포된다던지(여기서는 구성원 모두에게 어떤 범위까지 배포되었는지..

개발할때 나는 주석을 많이 활용하는 편이다.코드 자체에 메모하는게 보기에 편하기도 하고, 작성하기도 편하가.주석이 많은 경우는 내가 새로 학습하게 된 내용이나 추후 수정해야하는 부분 등키워드를 말머리에 달아서 분류하는것이 관리하기 좋다. 그런데 여러줄로 나눠지면 그걸 하나하나 달기 번거로우니까 스니펫을 추가하는것이 더 편리하다 1. ctrl + shift + p2. snnipet 검색 (코드조각구성 뭐 이런식으로 나온거 클릭)3. 파일명 설정 (comment.code-snnipets)4. 파일 열림. 여기서 설정해주면 됨 { "Learn Comment": { "prefix": "lrnc", "body": [ "// [LEARN] $1" ], "description": "Insert a [LEA..

ts 파일을 간단하게 실행 시킬 수 있는 인터프리터 환경인 ts-node를 사용하는 과정에서 겪은 에러다. 원래 ts는 js 로 컴파일 과정을 거치고 실행을 해야되는데 ts-node 를 쓰면 노드 환경에서 그냥 바로 ts 를 실행시킬 수 있다. npx ts-node example.ts 난 그대로 따라했는데 에러가 났다.TypeError: Unknown file extension ".ts" for 어쩌구 신기하게도 동일한 에러가 난 사람이 디코방에 질문을 올린게 있었다.이 답변에 달린내용을 제대로 이해해보고자 기록을 남겨두려한다.     1. commonJS / ESMjs는 원래 브라우저 내에서 사용하던 언어인데, 그걸 브라우저가 아닌 다른 공간에서도 사용하고자 생긴 모듈 시스템 중 하나가 commonJS..

Next 공식문서에서는 Next를 설치할때 npm의 업그레이드 버전인 pnpm을 사용하라고 권고하고 있다.왤까? *pnpmnpm의 상위 호환.npm은 node_modules 파일에다가 설치된 라이브러리 파일을 모아서 쓰는 방식이고,pnpm은 한번 다운 받은 라이브러리 파일들을 중앙 저장소에 저장해놓고 각 프로젝트 파일에서 가져다 쓰는 방식이다.  예를들어, 토이플젝1, 토이플젝2 두개의 플젝에서 lodash 패키지를 써야하는 상황이라고 가정해보자. 1. 기존 npm 방식 : 각각의 프로젝트 폴더의 node_modules 하위에 lodash 관련 파일을 저장 (두번 저장)2. pnpm 방식 : 중앙 저장소에 lodash 관련 파일이 저장되고, 각 프로젝트 폴더의 node_modules 하위에는 lodash..

https://www.erdcloud.com/ ERDCloudDraw ERD with your team members. All states are shared in real time. And it's FREE. Database modeling tool.www.erdcloud.com 여기서는 erd를 만든다. 로그인 해주고 개인 프로젝트 생성.왼쪽 메뉴들에 커서를 가져다대면 대강 어케 만드는지 감이 온다. add new entity 클릭해주면 테이블을 정의해줄 수 있따. 우측 상단에 있는 설정에 들어가면 이런 옵션이 있는데, 체크박스가 검게 된게 선택 된거다 ( UI가 너무 구리다..ㅠ)나는 가장 기본적인 데이터 타입과 코멘트만 작성해서 만들었따. 좀 더 본격적으로 하려면 null 허용과 기본값도 함께 입..

Amazon Linux 2023 최신버전에 mysql을 설치해봤다.기존 버전에서는 대부분 yum*을 이용해서 설치했지만, 2023에서는 yum의 업그레이드 버전인 dnf를 사용한다.더보기*yum리눅스의 redhat 계열 배포판에서 사용하는 패키지 관리 시스템(Package Management System).각 계열마다 지원하는게 다르다. Ubuntu, Debian 계열 → apt-getAmazon Linux 2, CentOS, RHEL 계열 → yumAmazon Linux 2023, 최신 Fedora 계열 → dnf  2023에서는 mysql대신 mariaDB 클라이언트를 지원하기 때문에  * 설치sudo dnf install mariadb105 // 클라이언트만 설치. 다른 디비로 접속sudo dnf ..

* PRISMA ?- ORM* 라이브러리중 하나다. TypeScript 기반 프레임워크(node)에서 사용하도록 만들어졌다. 먼저 schema.prisma 파일로 데이터베이스 모델(스키마)을 정의하고,그런 다음 Prisma Client를 통해서 프로젝트에서 데이터베이스 쿼리를 다룰 수 있게 한다. * ORM이란?- ORM(Object Relational Mapping)은 객체 지향 프로그래밍 언어(예: Java, JavaScript/TypeScript, Python 등)에서 데이터베이스의 테이블 구조를 코드의 클래스나 객체로 매핑해주는 라이브러리다. 예를 들어, 데이터베이스에 users라는 테이블이 있다고 해보자.ORM을 쓰면, 코드 상에서 User라는 객체(또는 클래스)로 users 테이블을 다룰 ..

문제 설명 모든 자연수 x에 대해서 현재 값이 x이면 x가 짝수일 때는 2로 나누고, x가 홀수일 때는 3 * x + 1로 바꾸는 계산을 계속해서 반복하면 언젠가는 반드시 x가 1이 되는지 묻는 문제를 콜라츠 문제라고 부릅니다. 그리고 위 과정에서 거쳐간 모든 수를 기록한 수열을 콜라츠 수열이라고 부릅니다. 계산 결과 1,000 보다 작거나 같은 수에 대해서는 전부 언젠가 1에 도달한다는 것이 알려져 있습니다. 임의의 1,000 보다 작거나 같은 양의 정수 n이 주어질 때 초기값이 n인 콜라츠 수열을 return 하는 solution 함수를 완성해 주세요. 제한사항 1 ≤ n ≤ 1,000 입출력 예 n result 10 [10, 5, 16, 8, 4, 2, 1] 입출력 예 설명 입출력 예 #1 순서대로..