전체 글

Next.js 환경에서 Jest + Cypress를 구축하는 도중에 문제가 발생했습니다. Jest로 만든 테스트 코드 (*.test.ts | tsx) 는 문제없이 타이핑 및 자동완성이 잘 되는데, Cypress로 테스트 코드 (*.spec.ts) 를 작성할 때 타이핑 및 자동완성이 되지가 않습니다. Cypress를 이용한 E2E 테스트 코드는 보통 cypress 디렉토리 내에 작성하게 되는데, cypress 디렉토리 내부의 테스트 코드들이 루트 디렉토리의 tsconfig.json의 설정에 영향을 받고 있기 때문입니다. // /tsconfig.json { "compilerOptions": { ... // 다른 설정 }, "exclude: [ ... // 다른 설정 "cypress" ] } 루트 디렉토리의 ..

나의 착각 실제 개발을 하다보면, 비동기 함수들을 많이 사용하게 됩니다. "Ajax"라던가, "타이머 API", "이벤트 리스너" 등.. 실무에서는 잘 사용하고 있지만, 그 개념에 대한 정립이 부족하다는 생각이 들었습니다. 비동기 함수의 동작 방식을 ... 시간이 오래 걸리는 작업을 백그라운드에서 처리하고, 해당 작업이 완료되면 처리되는 개념으로 이해했었습니다. 이것은 굉장히 모호한 생각이죠. 자바스크립트는 싱글 쓰레드이기 때문에, 한번에 한 가지 일만 수행할 수 있는데요. 동기적으로 작업이 오래 걸리면 다음 작업을 못하고 멈춰버리게 됩니다. function a() { for(let i=0; i b, 또는 b -> a 순서) setTimeout 예시 setTimeout에 0초를 주고 실행하면 이것은 비동..

* 투자에 관한 저의 지극히 주관적인 생각입니다. 금리 인상을 하면 수혜를 받는 주식 몇 가지가 있습니다. 은행, 금융회사, 보험회사와 관련된 주식이 보통 수혜를 받는다고 합니다. 이런 주식들은 보통 주가 변동이 크지 않고, 배당을 어느 정도 주기 때문에 저금리 시기에 매력적인 투자처가 될 수 있습니다. 또한 금리인상으로 인해 예대마진 폭이 커지면서, 금융회사의 이익이 증가할 가능성이 높고 이는 주가상승 또는 배당금 증가로 이어질 수도 있습니다. 그렇지만, 최근 은행주를 포함한 금융주들의 주가가 상승하지 않는 모습을 보이고 있는데요. 제가 1차원적으로만 금융주들을 바라봤다는 생각이 들었습니다. 전인구 소장님의 유튜브 영상을 보면서, 국제 상황을 잘 주시할 필요가 있다는 걸 느꼈습니다. 현재 러시아 - 우..

얼마 전, 수강했던 코드숨 프로그램에서 주간회고를 작성했었는데요. 블로그에 한 주간 했던 일을 기록하면 좋을 것 같아서 매주 작성해보려고 합니다 :) 아날로그로 계획을 세우는 걸 좋아해서, 다이어리를 통해 대략적인 계획을 세우는데요. 온라인에 남기는 것도 좋을 것 같다는 생각이 들어서 작성해봅니다! [ 회사 업무 이슈 ] - 테스트 코드에 대한 고민 - 리액트, Next.js 등.. 버전업에 대한 고민 [ 프로그래밍 ] - 비동기 프로그래밍에 대한 블로그 찾아서 읽음 - Zerocho TV에서 "인간 JS 컴파일러 되기" 영상 찾아서 봄 [ 경제공부 ] - 매경 주간지 읽음 - "어떻게 경제적 자유를 얻을 것인가" 책, 시간 나는대로 읽는 중 - "나는 월급쟁이에서 이렇게 독립했다" 책 대여 [ 블로그 ..

* 투자에 관한 저의 지극히 주관적인 생각입니다. #1 테슬라 주가가 1,000달러를 돌파했다. 테슬라를 싸게 살 기회가 있었다. 러시아 - 우크라이나 전쟁이 시작할 무렵, 사람들의 공포심리가 작동해서 주가가 700달러 밑으로 빠졌다. 미국 금리 인상 및 중국의 가계부채위기 등의 이야기가 나오면서 세계 경제위기에 대한 이야기들이 흘러나왔다. 여기에 염려해서, 현금을 보유하고자 주식을 극히 일부만 매매했는데 예측이 빗나갔다. 사실 주가예측은 누구도 할 수 없는데, 위기론에 생각이 매몰되어 아쉬운 판단을 한 것 같다. 위기에 대한 대응은 필요하다. 그러나 명확한 시그널을 보고 판단하지 않고, 짐작만으로는 아쉬운 결과를 만들 수 있다. 시그널을 볼 수 있는 눈을 길러야 겠다. #2 개인적으로 코스피에 대한 기..

프로젝트를 마치면서. 11주차 주간회고를 작성하지 않아서, 12주차와 같이 씁니다. 4주 간의 프로젝트 기간이 끝이 났습니다. 11주차, 12주차에서는 목표했던 개발진행이 잘 이뤄지지 않았습니다. 코드숨 외에 다른 일에 신경써야 했던 것이 크기도 했지만, 한 트레이너님의 말씀처럼 핑계거리에 불과할 수도 있습니다. 아무튼, 이 2주의 기간에는 테스트 코드를 어떻게 작성해야 할지에 대한 고민과 회사에서 개발을 하면서 궁금했던 부분들을 질문하는 시간을 가졌습니다. 주로 프론트엔드 트렌드와 기술적인 궁금증이었는데, 트레이너님들의 답변을 통해 아이디어를 얻을 수 있었습니다. 코드숨을 통해서 배우고 싶었던 것은 다음과 같습니다. - CI / CD 구축하기 - 프론트엔드(리액트) 단위테스트 & e2e 테스트 작성하는..

[ 10주차 목표 ] CI / CD 구축 깔끔한 디자인 고민, 참고 자료 살펴보기 메인 화면 메뉴 랜덤하게 나오도록 처리 검색결과가 10km 이내에서 나오도록 변경 맵 하단에 음식점 리스트가 나타난다 반응형 디자인 적용하기 [ issue 링크 ] 2주차 문서 작성 · Issue #9 · CodeSoom/project-react-6-CheolWoongChoi 1. 이 앱을 언제 사용하나요? "점심", "저녁" 매 끼니마다 "뭐 먹을까?" 고민할 때 사용한다. PC로도 사용할 수 있고, 모바일로도 사용가능하다. 2. 구체적인 사례는 무엇인가요? 회사업무를 집중하 github.com [ 프로젝트 2주차를 진행하면서 ] 9주차와 마찬가지로 코드숨에서 똑같은 질문을 매주 작성하라고 했습니다. '왜 매 주마다 똑같..

[ 개인 프로젝트 시작 ] - 9주차 부터 개인 프로젝트를 시작합니다. - 코드숨에서는 똑같은 질문사항을 매주 작성하라고 권고합니다. [ 1주차 프로젝트를 진행하면서 ] 처음에는 어떻게 진행해야 될지 감이 안왔습니다. 그러다가 일상에서 필요한 기능을 구현하면 좋겠다는 생각이 들었고, 회사 점심시간에 "오늘은 뭐 먹지?" 하면서 고민을 하는데 이게 필요하다고 느꼈습니다. 서비스 이름이 좋겠다는 생각이 들었고, 여러 이름을 생각하다가 사람들이 많이 알법한 단어를 쓰면 좋겠다는 생각이 들었습니다. TMI, 원래는 투머치토커를 의미하는 말이지만, 저는 Today Menu Information이라고 갖다 붙였습니다 ㅎㅎ 이제 어떤 서비스를 만들지 생각했고, 구체적으로 어떻게 만들 것인가 고민해야 합니다. 그것은 ..

[ 강의 ] - Emotion을 이용해서 스타일 컴포넌트 사용 - 리덕스 툴킷(RTK)을 이용해서 액션, 리듀서 리팩토링 - 리액트 컴포넌트 최적화 프로젝트를 진행하기에 앞서서, 좀 더 필요한 내용들을 배우는 주차인 것 같습니다. 무난하게 강의수강과 과제를 진행한 것 같습니다. [ 느낀 점 ] 코드를 나름 신경써서 작성했다고 생각했어도, 리팩토링할 부분이 존재하긴 했습니다. 피드백을 통해 코드의 가독성을 더 높일 수 있거나, 기능적으로 문제가 되는 점을 파악했습니다. 다음 주부터는 프로젝트를 진행할 것 같은데, 유닛테스트 외에 CI / CD & e2e 테스트 등도 제대로 배우고 싶네요. [ 더 알아보기 ] - RTK의 경우, RTK Query가 최근에 등장했는데 이것이 얼마나 편리한지에 따라 SWR이나 ..

드디어 7주차가 끝났습니다. 다음 8주차만 잘 마무리하면, 이제 포트폴리오를 만들어 보는 시간을 갖는 군요...! 다사다난한 이번 주 회고를 시작해보겠습니다. [ 강의 ] - 로그인, 리뷰 폼 화면 & 기능 구현 - 로그인 인증 - 로컬 스토리지 Postman이나 Swagger는 알고 있었지만, HTTPie는 처음 알게 되었습니다. CLI 환경에서 비교적 간단한 API를 쉽게 테스트하는 도구였습니다. 로그인을 통해 인증하는 시간도 가져봤는데요. Authorization 헤더에 대해서 살펴볼 수 있어서 좋았습니다. Authorization: Bearer [토큰 정보] [ 배운 점 ] - Authorization 헤더 구조 - given2 사용법 Jest에서 제공하는 기능들 외에 강의에서는 context, ..