MVC 패턴이 무엇인가요? 더보기 Model-View-Controller는 소프트웨어 디자인 패턴 중 하나로 애플리케이션을 모델, 뷰, 컨트롤러로 구성한다. 이때 모델은 데이터를 관리, 데이터베이스와의 상호 작용 등을 처리. 뷰는 사용자 UI를 구성, 모델에서 가져온 데이터를 표시. 컨트롤러는 모델과 뷰간의 상호 작용을 관리, 사용자 입력을 처리하며, 모델의 데이터를 업데이트하고 뷰에 반영. MVC 패턴은 각각의 구성요소가 독립적으로 작동하여 유지보수와 확장성을 향상하고 애플리케이션의 논리적인 구조를 분리함으로써 유연성을 높이고 개발 속도를 빠르게 할 수 있다. MVC 패턴을 사용하는 이유는 무엇인가요? 더보기 MVC 패턴은 웹 개발에서 많이 사용되는데, 이는 웹 애플리케이션에서 데이터, UI 및 비즈니..

Keep 시간을 공부에 최대한 투자하기 매일 한 가지 이상 알고리즘 문제 풀기 미니 프로젝트 꾸준히 만들기 코드 작성 시 생긴 문제점을 작성하고 어떻게 해결했는지 작성하기 Problem 섹션 1 때 보다 집중력이 떨어진 것 같다. 시간을 최대한 투자하지 못했다. 컨디션 관리를 못했다. 이 부분에서 나 자신에게 큰 실망을 했다. 에러를 바로잡는 과정을 제대로 기록하지 못했다. Try 컨디션 조절을 위해서 간단한 운동을 해야 할 것 같다. 이번 섹션 2에서 잠에 지는 경우가 많았는데, 정신줄을 붙잡고 섹션 3에서는 집중된 모습을 보일 것이다. 에러가 발생했을 때의 코드를 작성하고 어떻게 해결했는지 바로바로 작성하는 습관을 가져야겠다. 무언가를 끝냈을 때 시간을 낭비하는 경향이 있다. 이 시간에 추가적으로 강..

### JavaScript - `Promise`의 기능과 필요한 이유에 대해서 설명해주세요. https://studyhard-everyday.tistory.com/33 - 순수함수란 무엇인가요? 불변성과 사이드 이펙트와 연결하여 설명해주세요. 순수함수는 입력값에 대해 항상 같은 결과를 반환하며, 부수 효과가 없는 함수를 말합니다. 순수함수는 불변성(immutability)을 가지며, 이는 함수가 외부 상태를 변경하지 않고 인자로 주어진 값들만을 처리한다는 것을 의미합니다. 순수함수는 사이드 이펙트(side effect)가 없기 때문에, 함수의 호출 결과가 항상 예측 가능합니다. ### React - React의 state와 props에 대해서 설명해주세요. state는 컴포넌트 내부에서 관리되는 데이터입..

Part 2: AJAX 요청 🧩 Side Effect는 useEffect에서 다뤄야 합니다 √ 검색 조건이 바뀔 때마다, FlightDataApi의 getFlight를 검색 조건과 함께 요청해야 합니다 √ getFlight의 결과를 받아, flightList 상태를 업데이트해야 합니다 √ 더 이상, 컴포넌트 내 필터 함수 `filterByCondition`를 사용하지 않습니다 √ 더이상, 하드코딩된 flightList JSON을 사용하지 않습니다 (초기값은 빈 배열로 둡니다) √ getFlight 요청이 다소 느리므로, 로딩 상태에 따라 LoadingIndicator 컴포넌트를 표시해야 합니다 🧩 FlightDataApi에서 기존 구현 대신, REST API를 호출하도록 바꿉니다 √ 검색 조건과 함께 S..

많은 개발자들이 React를 사용하고 있는데, 그 이유에 대해서 설명해주세요. 더보기 React는 Facebook에서 만든 오픈소스 라이브러리로, 웹 애플리케이션을 빠르고 쉽게 개발하도록 도와줍니다. Virtual DOM React는 Virtual DOM을 사용하여 페이지 갱신 속도를 높입니다. Virtual DOM은 React에서 UI를 업데이트할 때 사용되는 메모리상의 가상 DOM입니다. 실제로는 DOM을 업데이트하지 않고, 이를 효율적으로 처리하여 성능을 개선합니다. Component-Based Architecture React는 컴포넌트 기반 아키텍처를 사용하여 애플리케이션의 복잡성을 낮춥니다. 컴포넌트는 재사용 가능한 UI 조각으로 분리됩니다. 이러한 컴포넌트 기반 아키텍처는 코드 재사용성과 유..

AJAX AJAX (Asynchronous JavaScript And XML)는 웹 페이지에서 새로운 데이터를 보여주려고 할 때 전체를 새로고침 하지 않고, 보여주고자 하는 데이터가 포함된 페이지의 일부분을 로드하기 위한 기법이다. 자바스크립트를 이용해서 비동기식으로 XML을 이용하여 서버와 통신하는 방식 최근에는 XML 보다 JSON을 더 많이 사용한다 Ajax 동작방식 요청 (Request): 브라우저가 서버에 정보를 요청 서버의 동작: 서버는 JSON, XML 등의 형식으로 데이터를 전달 응답 (Response): 브라우저에서 이벤트가 발생하여 콘텐츠를 처리 MPA & SPA, CSR & SSR 정리 https://studyhard-everyday.tistory.com/34 MPA & SPA, CS..

동기 비동기 차이 동기 Synchronous 동기는 요청과 결과가 동시에 일어납니다. 요청을 하면 시간이 얼마나 걸리든 요청한 자리에서 결과가 주어져야 합니다. 동기방식은 직관적이고 순서에 맞춰 진행되는 장점이 있지만, 결과가 주어질 때까지 아무것도 못하고 대기해야 하는 단점이 있습니다. 비동기 Asynchronous 비동기 처리는 요청과 결과가 동시에 일어나지 않고, 응답을 즉시 처리하지 않아도 되므로 대기 시간 동안 다른 작업을 처리할 수 있습니다. 이는 자원을 효율적으로 활용할 수 있게 해주는 장점이 있지만, 동기 방식보다 복잡하고 구현이 어려울 수 있습니다. 블록/논블록은 기술적으로 명확히 구분 동기/비동기는 블록/논블록과 다르게 기술적으로 구분되지 않으며, 추상적인 구분 즉, 행위에 대한 이야기..

const [userArea, setUserArea] = useState(""); const [textArea, setTextArea] = useState(""); const [tweets, setTweets] = useState(dummyTweets); 구조 분해 할당 (Destructuring assignment)을 통해 변수와 함수를 할당하여 사용 const handleButtonClick = event => { // TODO : Tweet button 엘리먼트 클릭시 작동하는 함수를 완성하세요. // 트윗 전송이 가능하게 작성해야 합니다. const tweet = { id: tweets.length + 1, username: userArea, picture: "https://randomuser.m..