개발42 [시나브로 자바스크립트] Monorepo란? 몇 년 전부터 모노레포에 대한 이야기가 계속 나오고 있고, 채용 공고에서도 지원 자격이나 우대 사항에 모노레포와 관련된 내용이 종종 보이곤 한다. 모노레포가 어떤 것이고 어떤 장점이 있기 때문에 이야기가 나오는 것인지, 한번 정리해보기로 했다. 모노레포란?다수의 프로젝트를 한 개의 레포 안에서 관리하는 개발 전략 모노레포를 구성하기 위해 다음과 같은 방법을 사용할 수 있다.TurboRepoNxLerna모노레포를 통해 해결할 수 있는 점협업 시 유리 : 한 레포에서 관리하기 때문에 여러 사람이 여러 서비스에 보다 간편하게 접근할 수 있다.관리 및 개발 생산성에 유리 : 코드 컨벤션이나 lint 규칙을 통일하여 관리할 수 있기 때문에 관리에 유용하며, 이러한 점 외에도 코드 재사용이 증가하며 개발 생산성 또.. 2025. 3. 14. [함수형 코딩] 액션, 계산, 데이터란? 프론트엔드에서 클린 코드를 고민했을 때, 코드 개선에 실질적인 도움이 되었던 부분이 액션 함수와 순수 함수에 대한 개념이었다. 기존에 짠 코드들을 봤을 때, 순수 함수는 거의 존재하지 않았고, 대부분의 함수가 액션 함수였다. 물론 액션 함수가 있어야 웹에서 기능을 구현할 수 있지만, 순수 함수가 거의 없는 프로젝트는 각각의 함수가 여러 기능을 담당하게 되면서 가독성이 떨어졌고 이로 인해 전반적인 흐름을 이해하기도 쉽지 않았다. 이를 깨닫고 순수 함수를 최대한 분리하고 난 후, 이전보다 코드가 많이 개선되었던 기억이 있다. 그래서 함수형 프로그래밍에 대해 조금 더 딥하게 공부해 보고자 '쏙쏙 들어오는 함수형 코딩' 스터디를 시작했다.이어지는 내용은 1~3 챕터까지를 읽으며 핵심이라고 생각한 액션, 계산, .. 2025. 3. 12. [시나브로 자바스크립트] Date, Intl.DateTimeFormat으로 날짜 다루기 Date() vs new Date()Date()처럼 함수로 호출할 경우 new Date().toString()과 동일하게 동작하며, 현재 날짜/시간을 나타내는 문자열을 반환한다.Date()는 문자열이기 때문에 Date 객체에서 사용하는 getDate(), getTime() 등의 인스턴스 메서드를 사용할 수 없다. 때문에 아래 첫번째 이미지처럼 Date() 뒤에 메서드를 사용하려고 할 경우 TypeError가 발생한다.new Date()로 호출할 경우에는 새로운 Date 객체를 반환하며 관련된 메서드들을 사용할 수 있다.타임존 설정하기toLocaleString을 사용하면 timezone을 설정할 수 있다. 첫 번째 파라미터에는 언어를 설정하고, 두번째 파라미터 안에 timeZone을 넣으면 시간대를 설정할.. 2025. 3. 7. 좋은 프론트엔드 폴더 구조란? 🤔 최근 기술 면접을 다니면서 공통적으로 많이 받았던 질문이 "FSD를 사용하셨는데 왜 도입하셨고, 어떤 점이 해결되셨나요? 선택했을 때 어려운 점은 없었나요?"였다. 그리고 사전과제나 라이브 코딩을 진행할 때도 왜 이런 폴더구조를 선택했는지를 물어보는 회사가 많았다. 타이밍 좋게 이번 스터디 주제가 '스스로 생각하는 좋은 폴더 구조란 무엇인지'에 대해 다룰 예정이라, 기회 삼아 정리를 해보기로 했다. 결론부터 말하자면 사실 "좋은 프론트엔드 폴더 구조가 뭐야?"라고 말했을 때 정답도 없고 영원한 것도 없다고 생각한다. 실무에서 A라는 폴더 구조를 그 당시에 적합하다 생각하고 적용을 했음에도, 프로젝트 규모가 변하고 시간이 지나면 기존 폴더 구조의 한계가 느껴지고 이에 맞춰서 또 다른 적절한 폴더 구조를 고.. 2025. 2. 22. [시나브로 자바스크립트] 명령형 프로그래밍 vs 선언형 프로그래밍 '시나브로 자바스크립트' 강의 중 쇼핑몰 만들기 섹션을 수강하며 반복적으로 나왔던 내용이 명령형 프로그래밍과 선언형 프로그래밍이었다. 프론트엔드 개발을 하다 보면 "선언형 프로그래밍을 해야 된대"라는 말을 자주 들었는데, 도대체 왜 이런 말이 자주 나오는지를 이해하려면 두 가지의 차이점에 대해 한번 정리할 필요가 있겠다는 생각이 들었다. 흔히 명령형 프로그래밍과 선언형 프로그래밍에 대해 검색을 하고 여러 블로그 글을 찾아보면 아래와 같이 간단하게 정리할 수 있다.명령형 프로그래밍은 '어떻게(How)' 하는지,선언형 프로그래밍은 '무엇을(What)' 하는지에 초점이 맞춰져 있다. 이 말이 잘 와닿지 않을 수 있는데, 실생활에서의 상황을 바탕으로 예를 들자면 아래와 같이 나눌 수 있다.[스타벅스까지 어떻게 .. 2025. 2. 21. [시나브로 자바스크립트] 1주차 스터디 정리 시나브로 자바스크립트 스터디를 시작했다. 인프런에 있는 '시나브로 자바스크립트'를 보고 배운 점을 공유하기로 했고, 새롭게 알게 되었거나 추가로 알아본 내용들을 위주로 작성하려고 한다. 스터디 레포 : https://github.com/The-survivor-is-strong/sinabro-js GitHub - The-survivor-is-strong/sinabro-js: 📚 인프런 강의 "시나브로 자바스크립트" 스터디 입니다📚 인프런 강의 "시나브로 자바스크립트" 스터디 입니다. Contribute to The-survivor-is-strong/sinabro-js development by creating an account on GitHub.github.com GitHub CLIGitHub cli.. 2025. 2. 12. 이전 1 2 3 4 5 ··· 7 다음 반응형
