버블 정렬(Bubble Sort)알고리즘의 개념 요약 오름차순을 기준으로 정렬 서로 인접한 두 원소를 검사하여 정렬 인접한 2개의 레코드를 비교하여 크기가 순서대로 되어 있지 않으면 서로 교환 선택 정렬과 기본 개념이 유사 버블 정렬(Bubble Sort)알고리즘의 구체적인 개념 버블 정렬은 첫 번째 자료와 두 번째 자료를, 두 번째 자료와 세 번째 자료를,... 이런 식으로 (마지막-1)번째 자료와 마지막 자료를 비교하여 교환하면서 자료를 정렬한다 1회전을 수행하고 나면 가장 큰 자료가 맨 뒤로 이동하므로, 2회전 에서는 맨 끝에 있는 자료는 정렬에서 제외되고, 2회전을 수행하고 나면 끝에서 두 번째 자료까지는 정렬에서 제외된다. 이렇게 정렬을 1회전 수행할 때마다 정렬에서 제외되는 데이터가 하나씩 늘..

UI 사람들이 컴퓨터와 상호 작용하는 시스템 화면상의 그래픽 요소들 외에도 컴퓨터와 상호작용을 위한 시스템인 키보드, 마우스 등의 물리적 요소. UX 사용자가 어떤 시스템, 제품, 서비스를 직 간접적으로 이용하면서 느끼고 생각하는 총체적 경험 서비스 그 자체에 대한 경험. 홍보, 접근성, 사후처리 등 말 그대로 총체적 경험. 프론트엔드에서 UX에 가장 영향을 많이 끼치는 것은 UI 만약 홈페이지가 정렬도 안되어있고, 글자 크기도 뒤죽박죽이면 UX가 좋지 않다. UI UX 차이점 UX는 UI를 포함한다. UI UX는 서로 보완하는 역할 UX가 좋지 않은 곳을 찾아냄으로 UI개선점을 찾아낼 수 있고, UI를 개선함으로 UX가 좋아지기도 함

JavaScript는 객체와 배열이라는 강력한 자료구조를 제공한다. 하지만 현실 세계를 반영하기엔 이 두 자료구조 만으론 부족해서 맵(Map)과 셋(Set)이 등장하게 되었다. Map 키가 있는 데이터를 저장한다는 점에서 객체와 유사하다. 다만, 맵은 키에 다양한 자료형을 허용한다는 점에서 차이가 있다. (객체의 key는 항상 스트링형태로 저장) let map = new Map([ // 2차원 key, value 형태의 배열 ["a", 1], ["b", 2], ["c", 3], ]); // map 자료형 : {"a" => 1, "b" => 2, "c" => 3} new Map() 맵을 만듬 map.set(key, value) key를 이용해 value를 저장 map.get(key) key에 해당하는 값을..

스택 자료구조 먼저 들어온 데이터가 나중에 나가는 형식(선입후출)의 자료구조이다. 입구와 출구가 동일한 형태로 스택을 시각화할 수 있다. 큐 자료구조 먼저 들어온 데이터가 먼저 나가는 형식(선입선출)의 자료구조이다. 큐는 입구와 출구가 모두 뚫려 있는 터널과 같은 형태로 시각화할 수 있다. 재귀 함수 재귀 함수(Recursive Function)란 자기 자신을 다시 호출하는 함수를 의미한다. 단순한 형태의 재귀 함수 예제 '재귀 함수를 호출합니다.'라는 문자열을 무한히 출력한다. 어느 정도 출력하다가 최대 재귀 깊이 초과 메시지가 출력된다. function recursiveFunction() { console.log("재귀 함수를 호출합니다."); recursiveFunction(); } 재귀 함수의 종..

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는 컴포넌트 내부에서 관리되는 데이터입..

요청 객체(request) req.app req 객체를 통한 app 객체로의 접근. req.app.get('port') req.cookies cookie-parser 미들웨어가 만드는 요청의 쿠키를 해석한 객체 req.signedCookies 서명된 쿠키들은 req.cookies 대신 이곳에 담긴다 req.get(헤더 이름) 헤더의 값을 가져온다. req.get('Contet-type') req.body body-parser 미들웨어가 만드는 요청의 본문을 해석한 객체. POST 방식으로 넘어오는 데이터를 담는다 req.params 라우트 매개변수에 대한 정보가 담긴다 req.query GET 방식으로 넘어오는 데이터, 쿼리스트링의 정보가 담긴다 req.route 현재 라우트에 관한 정보. 디버깅용 re..