Dev Diary 💻

Problem Description 정수 n이 주어질 때, n이하의 짝수를 모두 더한 값을 return 하도록 solution 함수를 작성해주세요. Restrictions 0

Problem Description 정수 num1, num2가 매개변수로 주어질 때, num1를 num2로 나눈 나머지를 return 하도록 solution 함수를 완성해주세요. Restrictions 0 num1%num2 Reference: https://school.programmers.co.kr/learn/courses/30/le..

Intro 안녕하세요. 이번 시간에는 DeprecationWarning: Access to process.binding('http_parser') is deprecated 에러 해결 방법에 대해 알아보겠습니다. My Case 코드 확인할 일이 생겨 간만에 앵귤러 프로젝트를 실행시켰습니다. 실행시키자마자 에러 발생.. 🤧 DeprecationWarning: Access to process.binding('http_parser') is deprecated How to solve the problem 해당 에러를 구글링을 해보니 노드 버전을 바꿔보면 작동한다는 이야기가 있어서 노드 버전을 내려봤더니 앵귤러 프로젝트가 잘 실행되더라고요 🤘 혹시 해당 에러를 보신다면 노드 버전을 바꿔보세요 :D https://s..

이 글은 원글을 참고하여 정리한 내용입니다. Definition TypeScript Generics는 재사용 가능한 구성요소를 생성하는 방법을 제공하는 도구입니다. generics는 프로그램이 장기적으로 확장가능할 뿐만 아니라 유연할 수 있도록 보장해줍니다. Example # Props interface Props { renderItem: (item: T) => React.ReactNode; keyExtractor: (item: T) => string; data: T[]; } data: 제네릭 타입 T를 받을 배열 요소 renderItem: 타입 T의 react 요소를 반환하는 함수 keyExtractor: 키를 추출하는 함수 # Component 정의 const GenericList = ({ data,..

Work 리뉴얼 웹 프로젝트 화면 개발 기존 내부에서 사용하던 웹 사이트 기반으로 새로운 요구사항을 추가하여 해당 내용으로 새 웹 프로젝트를 개발하기로 했습니다. 처음 해당 작업을 외주 작업으로 진행하려 했으나, 유지보지보수와 비용 측면에서 직접 개발하기로 했습니다. 이번에는 처음으로 리액트 material UI 템플릿을 구매해서 해당 템플릿 기반으로 화면을 만들기 시작했습니다. 템플릿으로 화면 개발하는 것도 오랜만이였고, mui 를 사용한 템플릿도 처음이였습니다. mui는 일전 회사 홈페이지를 만들며 익혔기 때문에 사용가능했지만, 오히려 템플릿의 코드를 이해하는 데 시간이 오래 걸렸습니다. 보통 템플릿 구매하면, 코드가 엉망인 경우도 많다고 하던데 이 템플릿은 코드가 잘 짜여져 있어 오히려 배울 수 있..

Work 기존 웹앱 블록킹 팝업 추가 기존 운영되던 웹앱 서비스 블록킹을 적용하였습니다. 리뉴얼 웹앱 기타 프로젝트 빌드 시 발생하는 warning 수정과 기타 피드백 작업을 진행하였습니다. 내부 운영 서비스 내부 모니터링 운영서비스 관련하여 일정 지표 기능을 수정 등 운영업무를 진행했습니다. 새 프로젝트 관련 기획서 리뷰 내부 직원분과 고객사분들이 사용할 프로젝트를 위해 관련 기획서 리뷰를 진행했습니다. 내부 상황 확실히 팀장님이 퇴사하시고, 팀장님 없이 조직이 운영되니 빈자리도 크게 느껴져서 그런지 이번달은 뭔가 어수선했네요.. 😥

Intro 안녕하세요. 이번 시간에는 LC_CTYPE: cannot change locale (UTF-8) 에러경고 메시지를 해결하는 방법에 대해 알아보겠습니다. 참고로 저는 SSH 접속 중 아래의 메시지가 발생했습니다. line 19: warning: setlocale: LC_CTYPE: cannot change locale (UTF-8): No such file or directory How to solve the problem 저는 zsh 쉘을 사용하기 때문에 .zshrc에 아래의 내용을 넣어 수정했습니다. bash 쉘을 사용하는 환경이시라면 .bash_profile을 수정하시면 됩니다. export LANG=en_US.UTF-8 export LC_ALL=en_US.UTF-8 locale 명령어로 ..

Intro안녕하세요. 리액트를 사용하던 도중 Warning: validateDOMNesting(...): cannot appear as a child of 에러가 발생했습니다. How to solve the problem코드를 살펴보니 tbody 태그가 없었습니다. 아래의 코드로 수정한 결과 에러가 더이상 발생하지 않았습니다.

Intro 안녕하세요. 이번 시간에는 인텔리제이에서 commit 시 렉걸릴 때 해결방법에 대해 알아보겠습니다. How to do Preferences > Version Control > Commit 메뉴에 들어갑니다. 여기서 Analyze code, Check TODO 등이 설정되어 있으신 분들은 해제하시면 commit 렉이 발생하지 않습니다.

Intro 안녕하세요. 이번 시간에는 Chart.js에서 line 차트 border line 굵게 지정하는 방법에 대해 알아보도록 하겠습니다. How to do const options: ChartOptions = { // other options elements: { line: { borderWidth: 2, }, }, // other options }; borderWidth 숫자를 크게 지정할 수록 border line 굵기가 굵어집니다 :)