DDD120의 기록장 DDD120의 기록장

etc.

• 정보처리기사 합격

  etc. 2024. 9. 19. 20:03

  실기가 어려울 것이란 예측이 있어서 긴장했는데 다행히 합격 ㅎㅎ(불안해서 신기술 용어들 막판에 줄줄 암기했는데 안나옴,,)

  Read More
• lottielab으로 쉽게 lottie 애니메이션 만들기

  etc. 2023. 10. 6. 16:35

  Lottie 애니메이션은 무엇일까요? - 로티파일즈 Lottie는 JSON 기반의 애니메이션 포맷으로, 어느 기기와 플랫폼에서든 사용할 수 있습니다. LottieFiles을 통해 Lottie 애니메이션을 생성하고 편집하고 테스트할 수 있으며, 다른 사람과 협업하고 전 lottiefiles.com Lottie란 간단하게 말해서 JSON 기반의 애니메이션 파일이다. 공식 홈페이지에서 친절하게 알려주고 있기에 Lottie에 대해 궁금하다면 위의 링크를 접하길 추천한다. 예전에도 Lottie에 대해 몇 번 접하고 들어보았다. 보통 Adobe의 AfterEffect를 사용하여 만드는 방법을 접하였다. 나도 Lottie에 대해 흥미가 있었고 만들어 보고 싶었지만 딱히 무엇을 만들지 생각이 안 나서 그냥 지나치고 말..

  Read More
• npm 에러 해결

  etc. 2023. 6. 5. 17:58

  설치한 플러그인 중 하나가 의존성에 문제가 생겨 원래 프레임워크 버전을 업그레이드하여 해결을 하려 했다. 그런데 그 버전은 node 18.0.0 이상만 가능해서 배포 중 에러가 나고 node 버전을 또 다운받고 이것저것 해결해보는 과정 중에 버전을 또 다운그레이드했다가 이런 상황들이 반복되다 보니 npm 쪽에서 꼬이는 문제 상황이 발생하였다. 다양한 npm 에러만 하루종일 보고있으니 멘탈이 살짝식 깎이는 느낌... 아무튼 차분히 문제 상황에 대해 검색을 해보고 상황을 해결하였다. npm cache clean --force package-lock.json 삭제 node_modules 삭제 다시 npm install 하니까 정상적으로 작동이 되었다.

  Read More
• github actions으로 GCP app engine 배포하기

  etc. 2023. 4. 17. 18:09

  github actions을 사용하여 GCP App Engine에 서버 배포를 자동화하려 한다. jobs: deploy: runs-on: ubuntu-latest steps: - name: Checkout Repository uses: actions/checkout@v3 with: submodules: "recursive" - name: Auth to GCP uses: "google-github-actions/auth@v1" with: credentials_json: ${{ secrets.GCE_SA_KEY }} - name: Deploy to App Engine uses: google-github-actions/deploy-appengine@v1 with: working_directory: server..

  Read More
• 한줄기록

  etc. 2023. 4. 7. 18:00

  [HTML] Open Graph (오픈그래프) 태그 사용시 이미지 경로는 정적 경로를 사용해야 적용이 되었다 [Next.js] Next.js 프로젝트를 github-pages에 배포하려면 설정해야 할 게 많았다... vercel로 하니 한 번에 됨 [JSON] undefined는 JSON에서 유효한 값이 아니다. (큰따옴표O, 작은따옴표X) [Figma] 피그마에서 텍스트 작성 시 마지막에 글자가 두 번 반복하는 현상을 이전 버전 Microsoft 입력기로 호환하니 해결됨 [JavaScript] let과 const로 전역 변수를 선언해도 전역객체의 프로퍼티가 아니다. window.foo와 같이 접근할 수 없다. [JavaScript] hasOwnProperty 메소드는 상속받은 속성을 제외하고, 객체 자..

  Read More
• [nestjs] nest new 오류 (ts-jest)

  etc. 2023. 2. 28. 21:18

  nest new 키워드로 nest 프로젝트를 만드려고 하는데 아래의 문구가 뜨면서 패키지 설치가 실패되었다고 한다. ▸▹▹▹▹ Installation in progress... ☕ Failed to execute command: yarn install --silent ✖ Installation in progress... ☕ 🙀 Packages installation failed! In case you don't see any errors above, consider manually running the failed command yarn install to see more details on why it errored out 찾아보니 설치하는 라이브러리 중 ts-jest가 KT와 관련하여 문제가 있다고 ..

  Read More
• [Test] 테스트 코드 작성?

  etc. 2023. 1. 29. 17:03

  테스트 코드를 작성하자는 마음을 굳힌 후 구글 검색을 통하여 관련한 여러 글을 읽어보았지만 왜인지 감을 잡지 못하였다. 내가 알고싶은 건 테스트 라이브러리들의 사용법이 아니라 대체 "무엇을 테스트 하는가?"에 대해 궁금하였기 때문이었다. 이를 중점으로 다시 구글 검색을 통하여 여러 글을 살폈다. 테스트 코드를 작성하는 이유는 애플리케이션의 기능이 우리가 의도한대로 동작하는지 확인을 위해서이다. 프론트엔드 쪽에서는 '사용자의 관점'에서 테스트 코드를 작성이 되어야 한다. 내부 코드가 리팩토링으로 바뀌더라도 사용자의 입장에서 해당 기능은 동일해야하기 때문이다. 그러면 테스트 코드도 리팩토링의 영향에 상관없이 유지할 수 있다. 예를들어 만약 사용자가 버튼을 클릭하게 되면 클릭함으로써 발생되는 효과들을 검증할 ..

  Read More
• [Cookie] 다른 도메인 간의 쿠키 전송

  etc. 2022. 12. 28. 17:07

  사용자 인증에 관련하여 클라이언트와 서버 간에 쿠키를 주고 받는 코드를 작성하였다. 하지만 네트워크 탭 응답 헤더의 Set-Cookie를 보면 분명 잘 뜨지만 애플리케이션 탭의 쿠키를 확인해보면 뜨지 않았다. 문제가 무엇일지 찾아본 결과 cors 정책 때문에 클라이언트, 서버 각각 credentials 설정을 해주어야 했다. 클라이언트 나의 경우 rtk query를 사용하고 있어 baseQuery에 credentials: "include"를 추가하였다. baseQuery: fetchBaseQuery({ baseUrl: 서버도메인, credentials: "include", }), 서버 express를 사용하고 있어 cors 모듈 옵션에 추가하였다. app.use(cors({ origin: 클라이언트도메인..

  Read More