인터넷(Internet)이라는 단어를 Inter-net으로 나눠보자면, '내부 망'이라는 뜻이다. 인터넷의 사전적 정의는 '컴퓨터들이 연결된 통신망'이다. 하나 이상의 컴퓨터가 통신하기 위해서는 서로간의 연결이 필요한데, 이러한 연결을 통해 형성된 거대한 네트워크가 곧

📋 zod 라이브러리란? > zod is a TypeScript-first schema declaration and validation library._ -Zod Docs_ zod는 공식 문서에 나와있듯이 스키마 선언 및 유효성 검사 라이브러리이다. 스키마, 유효

📋 영어 끝말잇기 >1부터 n까지 번호가 붙어있는 n명의 사람이 영어 끝말잇기를 하고 있습니다. 영어 끝말잇기는 다음과 같은 규칙으로 진행됩니다. ㅤ 1번부터 번호 순서대로 한 사람씩 차례대로 단어를 말합니다. 마지막 사람이 단어를 말한 다음에는 다시 1번부터 시작

📋 JadenCase 문자열 만들기 >JadenCase란 모든 단어의 첫 문자가 대문자이고, 그 외의 알파벳은 소문자인 문자열입니다. 단, 첫 문자가 알파벳이 아닐 때에는 이어지는 알파벳은 소문자로 쓰면 됩니다. (첫 번째 입출력 예 참고) 문자열 s가 주어졌을 때

JS를 포함한 대부분의 언어에서 느낌표는 대부분 False를 의미하는 연산자이다.하지만 타입스크립트에서는 느낌표를 변수 뒤에 붙이면 False가 아닌 다른 방식으로 사용할 수 있다.어떤 방식으로 사용할 수 있는지 함께 알아보자.Null이 아닌 단언 연산자(Non-nul

📋 이벤트 루프(Event Loop)란? 최근 면접을 보면서 JS의 이벤트 루프에 대한 질문을 받았는데, 대답하지 못했다. 이 게시글을 통해 JavaScript의 이벤트 루프(Event Loop)에 대해 정리해보려고 한다. 이벤트 루프에 대해 알기 전에 Java

📋 app과 document getStaticProps와 getServerSideProps는 모두 사전 렌더링이 필요할 때 사용하는 Next.js 내장 기능이다. 그렇다면 이 둘이 정확히 무엇인지, 또 어떤 차이가 있는지 알아보자. 📌 1. getStatic

getStaticProps와 getServerSideProps는 모두 사전 렌더링이 필요할 때 사용하는 Next.js 내장 기능이다.그렇다면 이 둘이 정확히 무엇인지, 또 어떤 차이가 있는지 알아보자.If you export a function called getSta

정수로 이루어진 배열 numbers가 있습니다.배열 의 각 원소들에 대해 자신보다 뒤에 있는 숫자 중에서 자신보다 크면서 가장 가까이 있는 수를 뒷 큰수라고 합니다.ㅤ정수 배열 numbers가 매개변수로 주어질 때,모든 원소에 대한 뒷 큰수들을 차례로 담은 배열을 re

React를 공부하다가 앱 개발에도 관심이 생겨 React Native도 공부해보기로 했다.나는 단순히 React Native는 React 문법을 통해 앱 개발을 할수있는 프레임워크라는 것만 알고 있었기 때문에 어떤 차이점이 있는지, 어떤 부분을 더 공부해야하는지에 대

📋 콜라 문제 >경화는 과수원에서 귤을 수확했습니다. 경화는 수확한 귤 중 'k'개를 골라 상자 하나에 담아 판매하려고 합니다. 그런데 수확한 귤의 크기가 일정하지 않아 보기에 좋지 않다고 생각한 경화는 귤을 크기별로 분류했을 때 서로 다른 종류의 수를 최소화하고

며칠 전 SPA와 MPA, CSR과 SSR을 비교하는 글을 작성했다.그 중 SSR을 쉽게 구현할 수 있도록 해주는 Next.js라는 프레임워크가 있다고 하는데 이 Next.js가 정확히 무엇이고, 왜 사용하는지에 대해 알아보자.Next.js is a flexible R

📋 SPA vs MPA & CSR vs SSR Single Page Application과 Multiple Page Application, 그리고 Client Side Rendering, Server Side Rendering의 차이를 알아보자. 📌 1. SPA

많은 초보 개발자들은 크로스 브라우징이 무엇인지 잘 알지도 못해 고려하지 않고 웹 페이지를 개발해본 경험이 있을 것이다. 물론 나를 포함해서.나는 그러다가 내가 만든 웹 페이지를 크롬이 아닌 파이어폭스를 통해 켜보았고 나는 경악했다. 페이지의 css가 심각할 정도로 깨

개발을 하다 보면 가끔 상태 관련 로직을 컴포넌트 간에 재사용하고 싶은 경우가 생깁니다. 이 문제를 해결하기 위한 전통적인 방법이 두 가지 있었는데, higher-order components와 render props가 바로 그것입니다. Custom Hook은 이들 둘

📋 퀵 정렬 알고리즘 이 포스팅에서 알아볼 퀵 정렬은 1960년에 찰스 앤터니 리처드 호어가 개발한 방법으로 이후 많은 사람들이 수정 보완하여 완성된 정렬 알고리즘이다. 이 알고리즘은 처음 소개된 이후로 반세기가 넘었지만 현존하는 가장 빠른 정렬 알고리즘 중 하나

사용한 기술 스택FE : TypeScript React.js styled-component Vite 등JUSTCODE 6기 부트캠프 과정이 끝나고 본격적으로 구직 활동을 시작하기 위해 포트폴리오를 이 블로그에 올리기 시작했습니다.굳이 포트폴리오를 블로그에 올린 이유는

지금까지 배운 정렬 알고리즘(버블, 선택, 삽입 정렬)은 큰 규모에 맞지 않는 알고리즘이다.우리가 이제부터 알아볼 빠른 알고리즘 집합은 시간 복잡도를 O(n^2)에서 O(n log n)으로 향상시킬 수 있는 알고리즘이다.그중 합병 정렬(Merge Sort)에 대해 먼저

삽입 정렬은 자료 배열의 모든 요소를 앞에서부터 차례대로 이미 정렬된 배열 부분과 비교하여, 자신의 위치를 찾아 삽입함으로써 정렬을 완성하는 알고리즘이다.말로만 듣는다면 어떤 방식인지 이해하기 힘들 것이다.작동방식을 시각화한 자료를 통해 직접 확인해보자.https&#x

📋 CORS (교차 출처 리소스 공유) 란? 웹 개발자라면 한번쯤 이러한 에러를 마주쳐봤을 것이다. > 🚨 Access to fetch at ‘https://cors.api.com’ from origin ‘http://localhost:3000’ has been