개발45 좋은 프론트엔드 폴더 구조란? 🤔 최근 기술 면접을 다니면서 공통적으로 많이 받았던 질문이 "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. [HTTP 완벽 가이드] 18장 웹 호스팅 18.1 호스팅 서비스많은 사람이 웹 사이트를 원하지만 냉난방 장치가 있는 서버실을 짓고 도메인 이름을 등록하고 네트워크 대역폭을 구매할 기술과 시간을 가진 사람은 드물기 때문에 이를 전문적으로 관리하는 웹 호스팅 서비스들이 만들어졌다. 물리적 공간 및 냉난방 등의 장비 관리부터 고객이 직접 콘텐츠를 제공할 수 있는 총체적인 웹 호스팅까지 다양한 종류의 서비스들이 있다. 18.2 가상 호스팅많은 웹 호스팅 업자는 컴퓨터 한 대를 여러 고객이 공유하게 해서 저렴한 웹 호스팅 서비스를 제공한다. 이를 공유 호스팅 혹은 가상 호스팅이라 부른다. 호스팅 업자는 서버 팜이라고 부르는 복제 서버 더미를 만들고 서버 팜에 부하를 분산할 수 있다. 가상 호스팅은 비용, 공간, 관리에 이점이 있기 때문에 만약 웹 서버를.. 2025. 2. 11. [99클럽] 알고리즘 TIL: 백준 10845번 큐 - JavaScript 문제링크https://www.acmicpc.net/problem/10845풀이방법이전 백준 10828 스택 문제풀이와 동일한 방식으로 진행했다.queue 객체를 만들어 각 메서드를 정의하였고, for loop를 돌며 result를 업데이트 한 후 최종 업데이트 된 result를 출력했다.const readline = require("readline");const rl = readline.createInterface({ input: process.stdin, output: process.stdout,});const input = [];rl.on("line", (line) => { input.push(line);});const queue = { data: [], push: function (x) { thi.. 2025. 2. 5. [99클럽] 알고리즘 TIL: 백준 17608번 막대기 - JavaScript 문제링크https://www.acmicpc.net/problem/17608풀이방법막대기를 처음부터 순차적으로 살펴볼까 고민했지만 보이는 여부를 하나하나 체크하기엔 복잡할 것이라는 생각이 들어서, 바라보는 시각인 마지막부터 실행을 시키면 단순하게 풀 수 있을 것이라는 생각이 들었다.바라보는 관점에서는 무조건 앞 순서보다 길이가 긴 막대기만 보일 것이기 때문에 이를 기준으로 로직을 구현했다.보이는 개수를 count=0으로 할당하고, 현재 낮은 높이를 min=0으로 할당한다.만약 현재 값이 min값보다 같거나 작으면 안 보이기 때문에 continue로 넘어간다.그렇지 않다면 현재 시각에서 보이는 막대기이기 때문에 count++를 해주고, min값을 현재 값 기준으로 업데이트 해준다.반복문 종료 후 count를.. 2025. 2. 4. 이전 1 2 3 4 5 6 ··· 8 다음 반응형
