소스 코드 ⇒ https://github.com/gitchan-Study/2023-sql-sample GitHub - gitchan-Study/2023-sql-sample: 깃짱의 데이터베이스 학습 레포지토리 깃짱의 데이터베이스 학습 레포지토리. Contribute to gitchan-Study/2023-sql-sample development by creating an account on GitHub. github.com Computer Science 모아보기 👉🏻 https://github.com/seoul-developer/CS GitHub - seoul-developer/CS: 주니어 개발자를 위한 전공 지식 모음.zip 주니어 개발자를 위한 전공 지식 모음.zip. Contribute to se..
💋 우아한테크코스 5기 백엔드 수료 ✔️ 백엔드를 시작하게 된 계기 2022년, 22살 가을 무렵에 오랜 코로나 시기를 지나서 다시 대면 수업을 위해 학교를 나갔다. 오랜만에 나간 학교가 뭔가 불편하고, 어색하게 느껴져서 도망치듯 급하게 중도휴학을 해 버렸다. 학점이 좋은 편이라, 그냥 전공 살려서 취업을 할 수 있겠다고 생각했다. 그치만 알아갈수록 대학원을 가지 않으면 직무에 대한 선택권이 매우 줄어들고, 단순 관리직에 머물 수 있게 될 것 같다는 사실이 왠지 무섭게 느껴졌다. 내가 좀 더 적극적으로 학습하고 계속 발전해나갈 수 있는 분야를 찾아 나서기로 했고 개발을 발견했다. 22살 여름방학 때 간간히 유튜브에서 노마드 코더를 보면서 만들었던 프론트엔드 포트폴리오 사이트가 있었는데, 시간도 많아진 김..
소스 코드 보러가기 👉🏻 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 💋 Redirects 설정하기 Next.js에서 프로젝트 디렉터리의 루트(package.json 옆)에 next.config.js 또는 next.config.mjs 파일을 만들어 커스텀 설정을 할 수 있다. next.co..
소스 코드 보러가기 👉🏻 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 💋 public 디렉토리 프로젝트 루트에서 public 디렉토리에 있는 모든 파일들은 직접 이미지로 사용할 수 있다. 이때, 이런 식으로 그냥 곧바로 사용하면 된다. /vercel.svg의 경로는 현재 페이지의 루트 디렉..
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..
