남남이루의 고군분투 🌳

2023 인프콘을 다녀오고 정리했던 내용을 공유합니다. 김영한님 세션에서는 주니어로서 성장의 방향성을 갈피를 잡는 데 도움이 되었어요. 여러 시니어 분들과 대화하며 반복적으로 나오는 메시지는, "(기술의) 이유를 아는 것"과 "(첫 개발은) 단순하게 반복하는 것"이네요. 키워드 : #질문이_있습니다 #비즈니스를_이해하는_개발자 #거북이_마음 주니어의 성장과 고민에 대한 세션 by. 김영한님 김영한님의 커리어 이야기 Mabatis VS JPAJPA가 훨씬 코드 중복이 줄어드는데, 왜 안쓸까?라는 생각을 하게 됨 (기술 변화의 시점)⇒ 직접 사내에서 교육을 하면서 기술을 도입하게 됨 ⇒ 국내 개발 환경을 바꾸기 위해 JPA 책까지 쓰게 되었고 현재는 JPA가 95%를 차지함 ⇒ 교육에 문제가 있다는 생각을 ..

Array Types in TypeScript (원문 바로가기) 23. 8. 19 발행 _ TkDodo’s blog 글을 시작하기 전에.. 이 포스팅은 ReactQuery의 co-maintainer인 TkDodo의 블로그 글을 의역해 정리한 글이다. 해당 블로그는 ReactJs, TypeScript, 비동기에 대한 글이 주기적으로 올라오고 있다. Array 과 string[] 두 표기법의 공식 번역 용어를 찾을 수 없어 전자는 제너릭 노테이션(제너릭 표기법), 후자는 배열 노테이션(배열 표기법)이라 칭하겠다. * TanStack/Query Github (https://github.com/TanStack/query)) 제너릭 노테이션 Array VS 배열 노테이션 string[] 두 노테이션 함수적 차이 ..

작성일 2023. 자료 제목 2023-06 소식 본 머리글 'Naver-FE-News'는 Naver FE 엔지니어들이 큐레이션해 발행하는 뉴스레터에 대한 개인적인 기록입니다. 인상 깊은 아티클 CSS Optimization을 위한 속성 조정 blur 범위 줄이기, blur effect를 위한 렌더 줄일 수 있음 대신에 새로운 layer 만들어서 GPU 가속을 높이는 transform: translateZ(0)를 덧붙이면 됨 border-radius,, 속도 성능에 영향을 많이 준다.. 픽셀 작게 할 수록 좋다.. (요새 많이 썼는데..!), 아니면 이미지로 대신 써라 그 외 성능에 영향을 주는 속성들 background image(lazy loading 적용 추천) box-shadow (blur값 작게,..

mutation ⚡ mutation, 객체 변이 JavaScript의 객체나 배열을 수정하거나 할당할 때, 예상치 못한 변이가 생기는 것. 참조 잘못 하거나, 메서드 잘못 사용하게 되면서 예상치 못한 버그 양산하게 된다. (관련 학습 - 깊은 복사, 얕은 복사, 상태관리) 추가된 메서드 1 : to어쩌구 메서드 JS는 메서드마다 mutation에 대한 일관성이 매우 떨어짐 arr.sort() 는 원본의 순서를 바꿔버리고, arr.filter() 는 원본에는 변화가 없음. reverse() 는 원본을 변화시킴..ㅎㅎㅎ 위 세가지 메서드에 대해 Mutation 방지할 수 있게 새로 나옴 : toSorted, toSpliced, toReversed 새로 생긴 toSorted 메서드는 원본에 변화가 없다! to..

작성일 2023. 5. 15 자료 제목 2023-05 소식 본 머리글 'Naver-FE-News'는 Naver FE 엔지니어들이 발행하는 뉴스레터에 대한 개인적인 기록입니다. 인상깊었던 기술 한글 자동완성을 위한 정규식 라이브러리 소개글, bluewings님의 블로그 구현 코드 레포 검색창에 한글을 입력하다보면, 자음이 새로 추가될 때마다 자동완성 창이 끊기는 현상이 있었다. 불편함을 느끼긴 했는데, 원인이 한글이 조합으로 구성되는 특징에 의한 것이라고 생각해보지는 않았던 거 같다. 위 라이브러리는 이런 불편을 해소하기 위해 등장했다. (뚜둥) npm install로 설치가 가능하다. npm install korean-regexp import { getRegExp } from 'korean-regexp'..