- 기술 정리
tailWind CSS darkMode 적용
먼저 darkMode를 브라우저의 설정대로 적용할 것인지 사용자가 임의로 버튼을 만들어서 class상태를 통해 적용할 것인지를 정해야 합니다.
- 실무 경험
jsp에서 ``(템플릿 리터럴) 정상 사용 법
아래의 예시와 같이 (템플릿 리터럴)이 정상 작동되지 않아 지저 분하고 긴 코드가 될 뻔했지만.
- 실무 경험
input type = "text"일 때 숫자만 입력되게 정규식 이용법
오늘 회사에서 차량의 도막을 입력받는 input의 validation을 검증하던 도중 조건이 아래와 같았습니다.
- 실무 경험
깊은 복사(Deep copy) 경험
이번에 회사에서 carInspection 즉 셀러가 차량의 수리 이력등을 등록 및 수정하는 기능을 개발하게 되었습니다.
- 프로젝트
Next.js 초기 node 버전 오류
2023년 11월 기준 node -v 관련 오류가 난다면 node -v 18 이상을 설치하시면 정상 작동됩니다.
- 프로젝트
git merge 취소 하는 법
git merge를 했는데 충돌이 있어서 당황을 했는데 아래의 명령어를 통해서 마지막으로 한 merge 명령을 취소할 수 있었습니다.
- 프로젝트
Next JS 포트폴리오 프로젝트 이미지 오류
최근 제가 만들고 배포한 포트폴리오 프로젝트가 잘 배포되어 있는지 확인을 해보았는데 아래와 같이 오류가 발생하는 중이었습니다.
- 프로젝트
기존의 Loding Bar -> Skeleton UI 교체
기존의 Loding bar로 표현되었던 걸 Skeleton UI를 직접 구현하여서 교체하였다.
- 실무 경험
ExcelJs 셀 영역에서 긴 문장이 노출이 안될 경우
해달 셀의 wrapText: true 효과를 주시면 안나가게 됩니다.
- 실무 경험
Vite 프로젝트에서 개발 서버와 실서버 구분하는 방법
오늘 프로젝트 QA처리 도중 개발 서버와 실서버 모두 같은 이름의 사용자를 띄워줘야 하는 상황이 있었습니다.
- 실무 경험
Jsp 에서 Template literals(``) 변수 사용 법
React가 아닌 Jsp 환경에서 함수 작성 중 변수로 받은 값들이 console.log()에는 잘 출력되는데 변수를 활용할 때는 값이 제대로 출력되지 않는 어려움을 겪었다.
- 실무 경험
React TS 모든 페이지 이동 시 Scroll To Top
이후 main.tsx 즉 최상위 component에서 페이지 component들을 감싸게 삽입하면 완료
- 기술 정리
Number vs number in TypeScript
위와 같이 오류가 발생해서 Number와 number에 차이점에 대해서 검색하게 되었다.
- 실무 경험
ReactQuery - enabled (boolean)
만약 id 값이 undefined or null이라면 API 호출을 하지 않는 옵션!
- 실무 경험
ExcelJS 가로 너비 요소에 맞게 조절 하는
Excel 파일을 다 그리고 난 뒤 a4사이즈 보다 크게 그리게 되어서 인쇄할 때마다 페이지 레이아웃을 통해 너비를 1페이지로 설정해야 하는 번거로움이 생겼다.
- 실무 경험
Execel JS \n 적용 시키는 법
먼저 cell을 쉽게 생성하기 위한 함수를 만들었습니다.
- 실무 경험
Textarea에서 입력한 줄바꿈을 input에서 적용 시키는 방법
저 같은 경우는 Textarea에서 줄 바꿈 즉 \n으로 표현된 문자열을 replace를 통해서 /\n/g으로 인식한 뒤 ' ' 문자로 변경하였습니다.
- 기술 정리
mui TextField가 type : number일 경우 화살표 제거
mui TextField가 type : number일 경우 화살표 제거
- 실무 경험
react PDF 한글 깨질 때 해결 법
style로 font만 입혔더니 잘 적용 됩니다~
- 실무 경험
Excel 워크시트에 이미지 삽입
fetch(imgSrc)를 사용하여 이미지를 가져옵니다.
