블로그

검색 결과: 8

개발자의 커리어 성장

5년 후, 10년 후 개발자로써 어떤 모습이 되길 희망하는가? 경력이 제로였던 때 면접에서 이런 질문을 받았다. 그 당시 창업하여 성공하는 것이 목표이고, 그것을 이루기 위해 개발자로서 개발 팀장 정도(?)는 되어보고 싶다고 대답했다. 별로 구체적이지 못하고 회사에 도움이 되는 내용이 아니었기에 좋은 결과를 얻지 못했다. 이 글은 산드로 만쿠소의 소프트웨어 장인 을 읽고 생각해본 커리어 성장에 대한 내용으로 책에서 설명하는 글이 다소 포함되어...

약 2개월 전
touch: cannot touch 뻘짓

touch: cannot touch 뻘짓

발단 api의 기본 페이지를 지우고, client 사이트로 리디렉션하는 작업을 수행했다. 그러고는 평소와 같이 최종적으로 main 브런치에 머지하고 CI/CD가 자동수행되기를 기다렸다. 그런데 예상치 못 한 곳에서 에러가 나고 CI가 정지되었다. touch: cannot touch 'src/main/resources/.': No such file or directory 위기 로그에 표시된 내용으로는 원인을 알...

3개월 전

카테고리 계층형 쿼리 조회 이슈 해결

블로그 서비스에서 블로그가 ManyToOne 관계이고, 계층형(계단식) 쿼리 구조로 설계된 카테고리를 객체 형식으로 만들려고 하면서 겪은 이슈 해결 과정이다. 발단 List findAllByParentIsNull(); 처음 구현하려고 하였을 때, JPA의 배치사이즈를 설정해 두었으니, 부모가 없는 가장 상위 행들을 불러와서 DTO로 매핑하면, 자식들을 한 번에 불러올 것으로 생각했다. ##...

2024년 1월 29일
2023회고 2024목표

2023회고 2024목표

2023년은 빨리 지나갔으면 하는 해였다. 그리고 올 것 같지 않은 2024년이 왔지만, 아직 많이 남았다. 사격특급 그렇다 나는 22년 말에 입대하였다. 병역특례를 2년 동안 도전하였지만, 결국엔 어떤 것을 탓할 것도 없이 나의 부주의로 적절한 시기를 놓치게 되었다. 결과 발표 사이트에서 10월쯤에 나오는 PDF를 다운로드하고 열어서 회사 이름을 검색하였을 때, 검색 결과가 없음이라 나오는 광경은 2번 겪게 될 줄이야. 처음 겪었을 땐 집에 돌아가면서...

2023년 12월 25일
Mobx를 Custom Hooks로 불러오기

Mobx를 Custom Hooks로 불러오기

spring의 @Bean이나 swift의 @state를 사용해 보고 리액트 상태관리의 일관성에 대해 느꼈습니다. 왜 아직까지 대중적으로 사용되지 않는 걸까요? 여러 상태관리 라이브러리가 있지만, Mobx는 간단한 Flux 구조를 사용하여 Spring의 @Component와 유사한 방식으로 관리할 수 있어서 매력적이었습니다. 그러나 프론트엔드 개발에서는 hooks 기반의 라이브러리들이 생태계에 잘 정착되어 함수형 프로그래밍이 더 편리하게 사용되고 있습니다. 생명주...

2023년 12월 23일
리액트 텍스트 에디터 구현기(WYSIWYG Editor)

리액트 텍스트 에디터 구현기(WYSIWYG Editor)

대부분의 커뮤니티가 html을 기반으로 한 텍스트에디터를 사용한다. 그것은 당연하게도 렌더링할 때 서버에서 받아온 내용 그대로 출력하기에 용이하고, 그 이상의 요구사항이 필요 없기 때문이다. 하지만, 어느 서비스에서 특화된 컴포넌트를 보여주어야 하거나 모바일 앱과도 연계해야 한다면 어떨까? 이 순간 텍스트에디터는 진화하여야 한다. 만난계기 해당 요구사항의 웹 서비스를 구현해야 했는데 맨붕이왔다. 당연히도 그럴 것이 앱에서는 이미 독자 규격으로 컴포넌트...

2023년 9월 2일
SSR 서비스에서 반응형 웹 개발 이야기(SSR이 필요한 이유)

SSR 서비스에서 반응형 웹 개발 이야기(SSR이 필요한 이유)

개요 useWindow라는 커스텀 훅을 만들어 isMobile, isTablet, isDesktop 으로 컴포넌트나 props를 분기시키며 개발하고 있었다. // useWindow.ts const useWindow = () => { const isMobile = useRef(false); const isTablet = useRef(false); const isDesktop = use...

2022년 10월 1일
nextjs 다국어 로컬라이제이션(localization) 지원하기 next-i18next 사용

nextjs 다국어 로컬라이제이션(localization) 지원하기 next-i18next 사용

기존 개인 프로젝트에서 영어와 한국어를 섞어서 사용하고 있었고, 게다가 텍스트를 그냥 코드 중간에 삽입하는 형식으로 관리하고 있었다. 사실상 관리는 아닌 것이다. nextjs에서 사용하는 다국어 패키지를 찾아보았고, 그중 괜찮은 것을 사용하기로 하였다. 기본 설정 next-i18next 설치 npm install next-i18next npm과 yarn등으로 쉽게 설치할 수 있다. next-i18ne...

2022년 8월 28일