학습기록

[과제복습] TDD, Refactoring, Clean Code 강의 - 1주차 - 자동차 경주convention 맞추기명령과 조회를 분리하기오류보다 예외를 사용하기original : https://github.com/whlee0525/java-r

[C#/WPF/NXOpen] C#/WPF로 NX에서 사용할 Font ComboBox 만들기 - GlyphTypeface throws NullReferenceException 목표 : C#/WPF로 NX에서 사용할 폰트 박스 만들기 NX에서 사용중인 폰트 박스 재

리팩토링 TeamCenter(저장소)와의 통신 library(SOA)를 사용하는 case Original Code . 확장성 고려 X - 한 개 화면 / 한 개 모델 / 일회적 통신으로 사용을 목적으로 작성 . 모델과 통신기능이 동일 클래스에 존재 . 생성자에서 co

* 목표 : Git - Fetch를 활용해 원격 저장소에 새로운 push가 얼마나 들어왔는지 확인 * history : 아침에 pull 받고 중간에 push 없이 코드를 작성하다가, 중간중간 다른 사람이 원격 저장소에 커밋한게 있을지 없을지 궁금한 때가 있었다. (없다

목표 : 이번 목표 1) react 기초 복습하기 2) react + typescript 적용한 todo-list 만들기 3) 깨끗하게 만들기 - 기능별 commit 하기, code convention 적용, READ.md 작성 다음 목표 4) hook 복습 + 다양

이미 한참 지났지만, Jenkins 구성을 위해 고민했던 기록을 남긴다. 본사에서 만든 솔루션을 고객사 개발서버에 적용해야 하는 상황. 업데이트 된 솔루션을 반영할때마다 본사 팀원에게 별도의 빌드를 요청해야 했다1) 빌드시 따로 반영해야 하는 property가 있어 기

개요 Confluence/Github을 사용해 Code Convention을 맞추고 Code Review를 진행하던 PJT에서 일하다가, 이러한 문화가 없는 PJT에 중간 투입이 되니 필요성을 느끼게 되었다. C# 개발 시 IDE로 Visual Studio를 사용중이어

https://blog.usejournal.com/performance-of-javascript-array-ops-2690aed47a50위의 내용을 요약하자면배열 중복제거를 하는 방법은 여러가지가 있다1\. filter(인덱스 체크)2\. new Set3\.

갑자기 의문이 들었다 forwardRef를 꼭 써야할까? 그냥 prop에 ref를 넣을순 없지만 다른이름으로 (innerRef 같은...) 전달할수도 있지 않을까? 그래서 한번 테스트를 해보았다 이렇게 짰던 코드를 이런식으로 해도 문제가 없다! 아니 그럼 왜만든

(강의노트) Flex 속성이름을 빠르게 보기위한 정리flex, inline-flex아이템 나열 축 <-> 교차축(align)direction과 wrap을 한번에 지정(예) row wrapflex-direction : 메인축 방향 row(기본) /column /ro

개발중인 시스템에서 react-query를 도입하며 redux를 제거하기로 했다 (최소화 하고싶지만) 여전히 글로벌 상태값이 필요한 케이스(서버에서 받아오지 않음, 구독기능이 필요함)들을 어떻게 처리할까 고민을 하면서 여러가지 대안을 생각해보았다. redux를 최소

YES그동안 같은 Props라면 당연히 다시 렌더링 되지 않는다고 생각했는데부모가 렌더링 되면 자식도 렌더링 된다는 글을 보았다. 그래서 테스트해보니...이렇게 props가 없는 컴포넌트도부모가 렌더링 되면 항상 'Left'를 찍으며 렌더링이 되고있었다!!이렇게 mem

개요 리액트를 대충 말고 잘 알고싶다 그래서 리액트 공식문서를 차근차근히 읽어보고 궁금한건 테스트해보기로 했다. 시작하기 - 웹 사이트에 React 추가하기 리액트 프로그램을 엄청 거창하게 생각하고있었는데, 심플할 수 있다는걸 알게되었다.

hook을 자주 사용하고있는데, 공식 가이드에서 새롭게 알게된? 인상깊은? 부분들을 기록해두려고 한다.최상위(at the Top Level)에서만 Hook을 호출해야 합니다오직 React 함수 내에서 Hook을 호출해야 합니다✅ React 함수 컴포넌트에서 Hook을

java에서는 클래스를 만드는게 너무 당연한 일이었는데, javascript에서는 한번도 직접 짜본적이 없었다. 그래서 javascript에서의 class사용을 주제로 정했다. 학습 후에는 class에 대한 두려움이 줄어들었고, 반드시 class를 만들어야 하는

Next.js의 ISR(Incremental Static Regeneration)을 위해 'revalidate: Number' 값을 주었을때의 동작순서 확인하기 (아래 페이지의 Fetching Data 부분을 정확히 이해하기)https://vercel.com/

Routing https://nextjs.org/docs/routing/introduction 공식 페이지를 공부하면서 생긴 궁금증을 실험해보았다. 1. routing 시스템에 의해 겹치는 주소 테스트 > Predefined routes take precedence

1. 개요 개발의 편리함을 위해 eslint와 prettier의 설치는 필수인데 매번 프로젝트 시작할때마다 복붙으로만 따라하고, 원하는대로 동작한 적이 없는것 같다. 그래서 이번주는 eslint + prettier의 설정 뽀개기!

웹성능 최적화 스터디를 위해 공부한 내용들을 정리. 이후 과제 우리 사이트 평가 및 업그레이드 web-vitals를 측정하는 git 자동화 1. 성능 측정 대표적으로 두가지 Web Vitals -> 실제 유저들의 접속 데이터 Light House -> 실험 데이터

2. 최적화의 방법들 1. Lighthouse의 기회 & 진단 https://web.dev/lighthouse-performance/ 기회: 점수 향상을 위해 구현하는 방법에 대한 소개 진단: 더욱 향상시키기 위해 탐색할 수 있는 추가 지침