![]()
Computer Science 모아보기 👉🏻 https://github.com/seoul-developer/CS GitHub - seoul-developer/CS: 주니어 개발자를 위한 전공 지식 모음.zip 주니어 개발자를 위한 전공 지식 모음.zip. Contribute to seoul-developer/CS development by creating an account on GitHub. github.com 이 포스팅은 유튜버 쉬운코드님의 시간 복잡도 영상을 보고 작성했습니다. 💋 시간 복잡도 ✔️ 개념 코드의 실행 시간이 어느 정도인지 표현하기 위해 만들어진 개념이다. 실제 실행 시간은 CPU 성능에 따라 달라지기 때문에, 실행 시간을 측정하는 대신 연산의 실행 횟수를 카운트한다. ⇒ 시간 복잡도..
![]()
Computer Science 모아보기 👉🏻 https://github.com/seoul-developer/CS GitHub - seoul-developer/CS: 주니어 개발자를 위한 전공 지식 모음.zip 주니어 개발자를 위한 전공 지식 모음.zip. Contribute to seoul-developer/CS development by creating an account on GitHub. github.com 💋 버블 정렬(Bubble Sort) ✔️ 개념 가장 간단한 정렬 알고리즘 중 하나로, 반복적으로 인접한 두 원소를 비교해서 정렬 순서에 따라 교환하는 과정을 반복한다. Bubble Sort is the simplest sorting algorithm that works by repeatedly..
![]()
Computer Science 모아보기 👉🏻 https://github.com/seoul-developer/CS GitHub - seoul-developer/CS: 주니어 개발자를 위한 전공 지식 모음.zip 주니어 개발자를 위한 전공 지식 모음.zip. Contribute to seoul-developer/CS development by creating an account on GitHub. github.com 💋 인트로 요즘 진행중인 CS 스터디에서 신기한 이야기를 들었다. 바로바로 자바 HashMap은 hash collision을 사용하기 위한 방법으로 separate chaining을 사용하며, 한 인덱스에 충돌된 데이터 개수에 따라, LinkedList와 Tree 구조를 왔다갔다 한다는 정보! ..
![]()
💋 Clienct-Side Rendering ✔️ 개념 브라우저가 UI 만드는 작업을 ‘모두’ 담당한다. 페이지의 초기 로딩을 위해 서버가 제공하는 정적인 HTML, CSS 및 JavaScript 파일을 받아오고, 이후에 클라이언트 측에서 동적으로 페이지를 렌더링하는 방식 초기 페이지는 정적 콘텐츠만을 담은 HTML 파일을 받아와서 렌더링되며, 이후 JavaScript 파일을 로드하고 실행하여 동적 데이터를 가져오고 화면을 갱신한다. ✔️ React의 CSR React를 사용해서 만든 애플리케이션은 CSR 방식을 사용한다. 브라우저는 실질적으로 비어있는 div만 존재하는 HTML을 받아 초기에는 빈 화면이지만, 자바스크립트를 해석해서 모든 user view를 만들어낸다. 브라우저에 자바스크립트 비활성화하..
![]()
💋 프레임워크 vs 라이브러리 라이브러리와 프레임워크의 주요 차이점은 Inversion of Control(제어의 역전)이다. 즉, 내가 짠 코드에 제어권이 있다면 라이브러리, 내가 짠 코드에 제어권이 없다면 프레임워크를 사용중이라고 볼 수 있다. ✔️ 프레임워크 코드를 프레임워크에서 약속된 방식으로 잘 적으면, 프레임워크가 내 코드를 불러와서 동작하게 한다. ⇒ 프레임워크가 내 코드를 호출한다. ⇒ 나는 파일 이름이나 구조 등을 프레임워크가 정한 규칙에 따라 만들고 따른다. 프레임워크는 애플리케이션의 기본 구조와 흐름을 제공하므로, 개발자는 핵심 비즈니스 로직에 집중할 수 있어서 생산성이 향상될 수 있다. ✔️ 라이브러리 내가 작성하고 싶은대로 코드를 작성하고, 라이브러리의 기능이 필요할 때 직접 메서..
![]()
소스 코드 보러가기 👉🏻 https://github.com/gitchan-Study/2023-next-js-beginner GitHub - gitchan-Study/2023-next-js-beginner: 노마드코더 [NextJS 시작하기] 학습 코드 노마드코더 [NextJS 시작하기] 학습 코드. Contribute to gitchan-Study/2023-next-js-beginner development by creating an account on GitHub. github.com 💋 페이지 제목 설정 NextJS에서 제공하는 "next/head"를 import해서 쉽게 설정할 수 있다. components/seo.js import Head from "next/head"; export default..
![]()
소스 코드 보러가기 👉🏻 https://github.com/gitchan-Study/2023-next-js-beginner GitHub - gitchan-Study/2023-next-js-beginner: 노마드코더 [NextJS 시작하기] 학습 코드 노마드코더 [NextJS 시작하기] 학습 코드. Contribute to gitchan-Study/2023-next-js-beginner development by creating an account on GitHub. github.com 💋 컴포넌트에 Style 적용하기 ✔️ 컴포넌트에 직접 style 속성 작성하기 곧바로 컴포넌트에 style 속성을 작성하면 된다. NavBar.js import Link from "next/link"; import {u..
![]()
Computer Science 모아보기 👉🏻 https://github.com/seoul-developer/CS GitHub - seoul-developer/CS: 주니어 개발자를 위한 전공 지식 모음.zip 주니어 개발자를 위한 전공 지식 모음.zip. Contribute to seoul-developer/CS development by creating an account on GitHub. github.com 💋 B+Tree란? ✔️ 개념 데이터베이스 index에 자주 사용되는 자료구조 B-Tree 계열의 Balanced Tree 종류 중 하나 MySQL의 InnoDB 스토리지 엔진은 주로 B+ Tree를 사용한다. B+ Tree B-Tree에서 파생된 개념이다. B+Tree는 데이터베이스 인덱스와 ..
![]()
Computer Science 모아보기 👉🏻 https://github.com/seoul-developer/CS GitHub - seoul-developer/CS: 주니어 개발자를 위한 전공 지식 모음.zip 주니어 개발자를 위한 전공 지식 모음.zip. Contribute to seoul-developer/CS development by creating an account on GitHub. github.com 💋 Trie란? ✔️ 개념 트라이(Trie)는 문자열을 저장하고 효율적으로 탐색하기 위한 트리 형태의 자료구조 검색 자동완성 기능 등 문자열을 탐색하는데 특화되어있는 자료구조 주로 문자열을 저장하고 검색하는 데 사용된다. Trie 자료구조는 컴퓨터공학 과목에서 본격적으로 다루는 자료구조는 아니다..
![]()
Computer Science 모아보기 👉🏻 https://github.com/seoul-developer/CS GitHub - seoul-developer/CS: 주니어 개발자를 위한 전공 지식 모음.zip 주니어 개발자를 위한 전공 지식 모음.zip. Contribute to seoul-developer/CS development by creating an account on GitHub. github.com 💋 Graph란? ✔️ 개념 node(정점)과 edge(간선)으로 구성된 비선형 데이터 구조 node의 집합(V)과 edge의 집합(E)으로 이루어져 있다 ⇒ G(E, V)로 표기 ✔️ 구성 요소 Vertices nodes, 정점으로도 부른다. 그래프의 기본 단위 각 노드는 레이블이 지정될 수도..
