본문 바로가기

전체 글13

글또 10기를 마치며 하는 회고 글또를 시작하기 전.잠시 시간을 되돌려, 작년 10월 9일에 썼던 나의 글을 다시 읽어보았다. 글또 10기에 참여하게 된 이유와 어떤 방식으로 활동할지에 대한 다짐이 담긴 글이었다. 그때 내가 적었던 참여 이유를 다시 정리하자면, 단순한 개념 정리에 그치지 않고 좀 더 의미 있는 기술 블로그를 만들고 싶었고, 일회성에 그치지 않는 꾸준한 글쓰기 습관을 만들고 싶었다. 여기에 더해, 다른 개발자들과 건강하게 교류할 수 있다면 더할 나위 없겠다고 생각했었다. 주된 목적이 글쓰기였기에 기술 블로그에 글을 올리는 데 더 집중했었다. 네트워킹은 그저 "기회가 되면 조금 해볼까?" 정도로만 생각했기에, 돌이켜보면 더 많은 교류를 하지 못한 점이 아쉽기는 해도 그것이 후회로 남지는 않았다. 애초에 그게 주된 목표는 .. 2025. 3. 30.
콘스트처럼? 콘스트 단언! as const 들어가며.업무를 하다 보면, 종종 상수를 다루어야 하는 경우가 생깁니다. typescript를 사용하는 경우, as const를 이용하여 상수를 표현하고는 하는데요. 이는 강제된 규칙이 아니기 때문에, as const 없이 상수를 다루는 경우도 있습니다. 단순히 상수명을 대문자로만 구성하고, 대문자로만 구성된 건 상수를 뜻한다고 코드 컨벤션을 정의할 수 있기 때문이죠. 그런데, 정말로 대문자로만 상수를 표현하는 것으로 충분할까요? 저는 상수를 다룰 때 typescript를 사용한다면, as const를 사용하기를 권장합니다. 왜 권장하냐고요? 그건.. 아래에서 자세히 알아보도록 하죠.  as const가 뭔가요?as const는 TypeScript에서 값을 '깊은 수준의 읽기 전용(deeply reado.. 2025. 3. 16.
Biome에 대해 아세요? 들어가며개발자라면 살아가면서 무수히 많은 프로젝트를 하게 됩니다. 다른 말로 하면, 수없이 많은 개발 환경을 세팅해 본다는 뜻이죠. 신기하게도, 거의 모든 프로젝트의 개발 환경 세팅은 조금씩 다릅니다. 팀의 개발 문화, 프로젝트의 성격, 규모 등 여러 요소에 따라 세팅해야 할 디테일이 달라지기 때문입니다. 이 글을 보고 계신 개발자분들은 개발 환경을 세팅할 때 얼마나 많은 고통을 겪고 계신가요? 또 Lint 설정이야..?대부분의 프런트엔드 개발자들은 lint 설정을 위해 ESLint와 Prettier 조합을 선택합니다. 업계의 표준처럼 여겨지는 이 조합으로 개발 환경을 세팅하는 일은 얼핏 보기에는 그리 어려워 보이지 않습니다. "단순히 설치하고 설정만 적용하면 되는 거 아닌가?"라고 생각할 수도 있죠. .. 2025. 2. 28.
익숙한 듯 익숙하지 않은 쿠키(Cookie)의 보안에 대해 알아보자 쿠키 보안, 얼마나 알고 계신가요?웹 개발을 하면서 쿠키를 사용한 경험은 많지만, 보안에 대해 깊이 고민해 본 적이 있으신가요? 사실 저는 단순히 값을 저장하고 읽는 용도로만 사용했지만, 사이드 프로젝트를 통해 직접 로그인 기능을 구현하면서 쿠키의 보안 문제를 고려해야 한다는 것을 깨닫게 되었습니다.로그인 처리 시 access token을 어디에 저장해야 할지 고민하면서, "클라이언트에서 대충 저장해도 괜찮지 않을까?"라는 생각이 들었지만, 보안 관점에서는 그렇지 않았습니다. 특히, 서버에서 httpOnly 속성을 설정하여 쿠키를 관리하는 방식에 대한 피드백을 받고 나서, 이 속성이 정확히 무엇이고, 왜 필요한지 더 깊이 파고들게 되었습니다. httpOnly란?httpOnly 속성은 서버에서 쿠키를 설정.. 2025. 2. 3.
[도서 리뷰] 소프트웨어 엔지니어 가이드북 이 책을 읽게 된 이유최근 들어 커리어에 대해 깊이 고민하는 시간이 많아졌다. 단순히 ‘어떤 기술을 배워야 하는가’에서 나아가, ‘어떻게 커리어를 발전시켜야 하는가’, ‘소프트웨어 엔지니어로서 지속적으로 성장하려면 어떻게 해야 하는가’에 대한 궁금증이 커졌다. 이런 고민을 하고 있는 내게 이 책이 길잡이가 되어줄 것 같은 기대감이 있어 읽게 되었다. 이 책은 단순히 기술적 성장뿐만 아니라 소프트웨어 엔지니어로서 어떻게 살아가야 하는지에 대한 인사이트를 제공한다. 좋은 코드를 작성하는 방법 같은 기술적인 내용도 있지만, 더 거시적인 관점에서 개발자로서 일을 잘하는 방법을 안내한다.물론 이 책에서 다루는 많은 사례는 미국을 기반으로 하지만, 한국에서도 비슷하게 적용되는 부분이 많다고 느꼈다. 한국에서도 미국.. 2025. 2. 1.
JS로 DOM 꾸미기: 스타일 적용의 6가지 방법 들어가며..현재 개발 중인 서비스에서 shadow DOM을 생성하고 해당 DOM의 높이를 계산하는 로직을 작성해야 하는 일이 있었습니다. JavaScript 코드만으로 DOM에 스타일을 적용해야 했는데, 여러 스타일 속성을 한꺼번에 적용해야 하다 보니 흔히 사용하던 element.style이나 classList.add 외에 더 나은 방법이 있을지 고민하게 되었습니다. 다른 방법들을 찾아보니, 생각보다 다양한 방식으로 스타일을 적용할 수 있었고, 이번 기회에 각 방법을 정리하고 소개해 보려 합니다.  스타일을 적용하는 방법들은..1. classList.add 사용하기classList.add 메서드를 사용하면 하나 이상의 특정 클래스 이름을 요소에 추가할 수 있습니다. HTML의 class속성값을 간편하게 .. 2025. 1. 19.