현재 DND에서 프로젝트를 진행하며 React + TypeScript + Next.js 환경에서 디자인시스템을 배포하기 위해 모노레포로 환경을 셋팅하고 있던 상황이었다협업 프로젝트이기 때문에 오류가 발생하는 커밋을 막기 위해 husky를 사용했다husky를 사용하며 2

https://react-ko.dev/learn⬆️ React 공식문서를 한국어로 번역한 비공식 한글 번역 사이트위 사이트에서의 LEARN REACT 파트를 공부하는 스터디를 3월 말에 시작했고 이번 6월 중순에 다 읽었다useImmer는 아예 처음봐서 이해하

렌더링 최적화를 진행하기 위해 Highlight updates when components render. 개발자 도구에서 해당 기능을 키고 input에 입력을 해봤는데 불필요하게 렌더링되는 부분들이 아주 많았다. React.memo와 useCallback을 사용

전에 했던 프로젝트 코드를 다시 다운로드 받았더니 모든 import에서 > Casing of `` does not match the underlying filesystem. eslint(import/no-unresolved) 오류가 발생했다

백준 10026 적록색약 DFS로 10문제 정도 풀어보니까 이제 어느정도 DFS 문제를 보면 어떻게 풀어야할지 감이 온다 풀이 이렇게 색칠해서 보니까 확 이해가 되었는데 백준 16173 점프왕쩰리, 1012 유기농 배추, 21736 헌내기 친구, 2667 단지번호

기존에 react로 작성했던 코드를 typescript로 리팩토링하면서 발생한 에러들을 고쳐보려고 한다 추가하면서 발생한 오류들은 총 3가지 - styled-components 모듈 에러 - 파일 위치 오류 - localhost 연결 거부 오류

DFS 문제를 7개 정도 풀어보니까 이제 어느정도 감이 잡힌다... > 첫 제출이 바로 맞혀버린게 너무 행복해서 적는 블로그 이 문제는 백준 16173 문제를 풀었던 방식으로 풀었다 이 문제를 풀기 전에 24479 알고리즘 수업 문제를 풀었는데 여기서 glob

TecheerCon 요즘 https://github.com/brave-people/Dev-Event 여기서 개발자 행사를 알려주는 뉴스레터를 보내주고 있어서 구독하고 있다 컨퍼런스 타임테이블 중에서 시간상 들을 수 있는게 몇 개 없어서 3개 듣고 나왔다 개발

local에서 개발할때는 kakao map 지도가 잘 보였는데vercel에서 배포를 하니까 이렇게 뜨면서 지도가 전혀 뜨지 않는 오류가 발생했었다.이전에도 지금 상황처럼 똑같이 next.js로 개발하고 kakao map 지도를 사용한 프로젝트를 vercel로 배포한 적

전에 했던 프로젝트에서는 react+typescript로만 카카오 지도 API와 연결을 해보았는데이번 프로젝트에서는 next.js에서 카카오 지도 API를 사용하게 되었다. next로는 처음 사용해보니까 이것 저것 찾아보면서 했는데https://velog.io

google Vision OCR API를 사용하려면 이렇게 FileReader를 사용해서 API를 사용해야하는데이렇게 else if (imglength > file.length && idx !== 0 && file.length !== 0) 조건에서 targetfile

서버에서 이런 형식으로 데이터가 들어오는데만약 리뷰가 없으면 리뷰가 없다는 문구를 띄워주려고 했다. 그래서 mapdata.reviews !== undefined ? () : (리뷰없음) 을 사용하려고 했지만, 리뷰가 없을때에는 리뷰없음이 잠깐 보이고 사라지는 현상 발생

javascript로 크롤링을 하면서 안에 있는 내용까지 크롤링을 해주는 방법을 없을까?라는 생각을 하게 되었고 <a> 태그 제목에 href 링크를 가지고 오려면 어떻게 해야할까.. 라는 생각을 하게 되었다.axios와 cheerio를 사용하여 크롤링을 진행했고,

typescript로 props를 내려주는 도중에 오류가 발생해서 찾아보니까type을 제대로 정의해주지 않아서 발생하는 문제라는 것을 알게 되었다.이런식으로 정의되어 있는 더미 데이터를 data={el} 이렇게 보내주려고 해서 오류가 발생한 것이다.(1) https&#

세로 길이 2, 가로 길이 n인 2\*n 보드가 있다.2\*1 크기의 타일을 가지고 이 보드를 채우는 모든 경우의 수를 구하라그림을 그려가며 문제를 풀다보니 n번째 타일은 n-1번째와 n-2번째의 타일 수의 합이라는 것을 발견할 수 있었다.피보나치와 비슷한 구조라고 생

Math.sqrt()를 사용하지 않고 제곱근을 구하는 문제에서는 바빌로니아(Babylonian) 방법을 사용해서 문제를 풀 수 있다위에서 구한 점화식으로 코드를 작성해보면N = num, close = Xn+1, Xn이렇게 작성하여 문제를 풀 수 있다.

JSON server를 실행하는데에 있어서 자꾸이렇게 'json-server'은(는) 내부 또는 외부 명령, 실행할 수 있는 프로그램, 또는배치 파일이 아닙니다.떠서 npm install json-server 도 진행해보았지만 해결되지 않아서 계속 검색해보니까\-g 를

Same-Origin Policy: 동일 출처 정책 = 같은 출처의 리소스만 공유 가능프로토콜, 호스트, 포트 중 하나라도 다르면 동일한 출처Xhttps://www.\~\~~.com vs http://www.\~\~~.com⇒ 프로토콜 다름. 동일 출

2Tier 아키텍처 or 클라리언트-서버 아키텍처: 상품 정보 같은 리소스가 존재하는 곳과 리소스를 사용하는 앱을 분리시킨것클라이언트: 리소스를 사용하는 앱서버 : 리소스를 제공(serve)하는 곳리소스에 접근하는 앱은 손님(Client)과 같아서, 리소스를 가지고 있

함수 정의와 동시에 즉시 호출되는 함수단 한번만 호출되며 다시 호출 불가능즉시 실행 함수는 함수 이름이 없는 익명 함수를 사용하는 것이 일반적어떤 일을 반복 수행하는 repeat 함수함수의 변하지 않는 공통 로직은 미리 정의해두고, 경우에 따라 변경되는 로직은 추상화해