전체 글
-
yarn berry에서 nest + prisma 스택 구현하기.카테고리 없음 2023. 7. 24. 01:31
prerequire: nest cli 1. nest new {원하는 레포 이름} => yarn 선택 2. yarn set version berry 3. yarn add prisma @yarnpkg/pnpify; yarn 4. yarn prisma init 5. .env 수정, schema 수정 schema.prisma 수정시, generator output를 커스텀 경로로 두기 예시 6. prisma pnpify {db migration | db push | generate 등} 추가: 오류해결 => yarn을 실행해준다. https://github.com/YJ-AnthonyJo/nestjs/tree/main/yarn-berry__with__prisma
-
-
[Javascript] 함수 - 매개변수(parameters)와 인자(arguments)의 관계 & arguments.카테고리 없음 2023. 2. 25. 15:20
신기하게 생긴 코드를 보았다. 출처: https://ko.javascript.info/promise-basics 음.. new Promise할 때는 resolve, reject 이렇게 두가지의 콜백 함수가 들어가야하는 것 아닌가?(아래와 같이 말이다) javascript에 대한 지식이 부족했던지라, 바로 캐치하지 못했다. 이게 자바처럼 메소드 오버로딩의 일종이라고 생각했다. 하지만 프로미스는 하나의 생성자에 대한 정의만 가지고 있었다. 음 이게 무엇이지? ChatGPT에 물어본다. 자바스크립트의 기본 함수 호출 방식이라고 한다. 아 그렇구나! 근데 그게 뭐지? mdn에서는 잘 못찾겠다. 없는게 아니라 내가 못찾은 것이겠지.. 그나마 tcpschool에서 해당 내용을 찾았다. http://tcpschool..
-
[JavaScript] '' == '' 가 False인 경우 (Zero width space) (''=='' false)카테고리 없음 2023. 2. 25. 14:20
html태그를 제거해야 할 일이 생겼다. withoutHtml = ' '.replaceAll(/]*>?/g, ''); 이제 제거된 결과가 ''과 같은지 확인하고 싶다. 당황스럽다. 검색을 어떻게 해야할지도 모르겠다. ChatGPT에 물어본다. zero-width space가 있어서 그렇다고 한다. 이런게 있었구나! 신기하다. ChatGPT는 위대하다. 그러면 Zero-Width Space는 왜 쓰는 것일까? 다음을 참고하자. https://sub0709.tistory.com/79
-
-
[Next일지, Chrome 브라우저일지..] 308 Redirect Status Caching 문제.카테고리 없음 2023. 2. 19. 21:51
# 문제 상황 Next에서 테스트하고 싶은 기능이 있어서 yarn create next-app을 했다. 자연스럽게 yarn dev를 하고, http://localhost:3000에 접속하였다. 아니!! 이게 뭐지!! 갑자기 index.tsx를 무시하고 /home으로 redirection 되는 것이 아니겠는가!!! 이런 황당무개한 일이!! 분명 방금 create된 프로젝트이고, next.config.js에도 redirect 설정이 존재하지 않았다. 황당무개!! 엄청난 궁시렁 댐과 함께 삽질을 시작했다. (옆에 사람이 없었던게 다행) # 문제 원인 다양한 삽질을 했다. 추측이 캐시겠구나..였다. Private 창으로 실행시켰다. 잘된다. 역시 맞다. 보통의 경우 "인터넷 기록 삭제"에서 캐시를 날림으로써 처..
-
[Next.js Footer] 적용하기.카테고리 없음 2023. 2. 7. 12:47
지금까지 알아본 방법은 두가지다. position absolute는 제외한다. 워낙 문제가 많은 것 같다. # position fixed 를 사용. 예시: mantine 페이지 https://mantine.dev/core/collapse/ z-index를 사용한다. position을 float, fixed, absolute로 하면, 자식 요소의 높이 값을 잃어버린다. 따라서, 이렇게 빈 공간을 만들어주곤 한다. position fixed와 bottom 0을 추가하면 된다. 위에서, z-index를 없애주거나 반대로 footer가 더 높도록 설정해주면, 항상 하단 고정인 상태로도 구현이 가능하다. # height 100%를 사용. 이 방법을 적용할 때 필수 사전 작업이 있다. html부터 모든 부모요소의 ..