토스 slash 24를 시작으로 타임라인을 따라 slash 21까지 보게 되며인상 깊었던 세션이 있었습니다. 진유림 님이 발표하신 토스ㅣSLASH 21 - 실무에서 바로 쓰는 Frontend Clean Code에서응집도와 결합도, 단일 책임 원칙을 기준으로 클린 코드를 작성하는 방법이었는데요. 세션에서 언급한 내용을 기반으로 실무에 작성했던 저의 코드들을 돌아보며난잡하기 짝이 없다는 것을 깨닫게 되었습니다.실무에서 언제든지 적용할 수 있을 때까지 저의 기록을 보며 공부하기 위해 포스팅하게 되었습니다.응집도는 뭐고 결합도는 뭐야?📒  응집도 (Cohesion)응집도는 특정 모듈(예: 함수나 클래스)이 얼마나 잘 관련된 기능을 가지고 있는지를 나타내는 척도입니다.쉽게 말해, 하나의 모듈이 특정한 작업이나 ..

왜 react-markdown 적용이 안되는 걸까사내에서 신규 프로젝트 진행 중, reset.css로 인해HTML 요소의 기본 스타일이 제거되어 react-markdown을 통한 마크다운이일반 텍스트처럼 보이는 문제가 있었습니다.문제 해결markdown 컴포넌트의 상위 요소에 개별 스타일을 설정해 주는 것으로 해결 가능합니다.1. markdown 상위 요소를 생성한다. const Markdown = () => { ... return ( ... ) : ( {children} ); }, }} ..

오늘은 조금 특별한 포스팅을 해볼까 합니다. 2년차 개발자로서 경험한 경력직 인터뷰의 매 순간들을 정리해보고 싶었거든요.이직 성공 관련 포스팅이 아니지만.. 이직을 고민하는 과정에서 느꼈던감정들과 준비 과정을 돌아보며 정리해보았습니다. 인터뷰 질문 유형기술 인터뷰기술인터뷰에서는 주로 ‘경력 설명’, ‘사용한 기술’, ‘해결했던 문제와 그 과정’에 대한질문을 많이 받았는데요,  주로 문제 해결 과정에서 사용된 기술 개념과 cs 질문 비중이 높았습니다. 예시로 state로 관리하던 Form을 react-hook-form으로 변경해 관리한 것을 시작으로렌더링과 관련된 개념과 리액트를 사용하는 이유와 cs 질문까지.심화 질문이 들어왔던 것이 생각나네요. 이외에도 면접관과의 대화에서 제가 원하는 방향으로이야기를 ..

24년 추석, 용산으로 돌아오기 위해기차 티켓 예매를 계-속 시도했는데요.(실패하고 버스를 타고 왔습니다.. 티켓팅 힘들더라고요) 기차 티켓 예매를 위한 대기열은 어떻게 구성이 되었을지와대기열과 비슷한 구조를 자바스크립트로 구현하면 어떨까라는생각이 문득 들어 포스팅하게 되었습니다.먼저 진입한 사람이 티켓 화면에 빨리 진입할 수 있다. (FIFO)대기열을 분석해 보면 대기열 화면의 로딩이나, 순위가 빠른 사람이먼저 예매 화면으로 접근할 수 있는 것은 모두 알고 계실 거예요.자료 구조로 비교하자면 Queue가 사용되었겠다 싶었습니다. Queue는 FIFO(First In, First Out) 방식으로 동작하며먼저 들어온 요청이 먼저 처리된다는 의미를 지니고 있으니까요. 대기열에 먼저 진입하는 것을 Enque..

지난 8월 24일 개최된 프론트엔드 개발자를 위한 컨퍼런스인 FEConf 2024에 참여했습니다.단독으로 컨퍼런스에 참여해 보는 것은 처음이라 조금 긴장도 되고,현장에서 무엇을 배우고 올지 설레기도 했는데요. 결론먼저 말하면 참여하길 잘했습니다.제가 기대한 것보다 더 많은 정보를 얻고 개발도 배울 수 있었거든요. 대학교 건물 하나를 대여해 개최할 정도면 참여자가 많겠다고 막연한 상상만 했는데컨퍼런스 참여자가 예상보다 훨씬 많았습니다.8월 24일은 프론트엔드 개발자를 가장 많이 본 날로, 개인적으론 기념일처럼 여기게 되었어요.높은 수준의 개발을 느꼈던 첫 세션FEConf 2024는 A, B, C 3개의 트랙으로 구성이 되어있었습니다.A, B 트랙은 유튜브에 영상이 업로드되지만 라이트닝 토크는 현장에서만 경..