분류 전체보기

· Javascript
배열을 선언하는 방법은 아래와 같습니다.예를 들어, 100개의 요소를 가진 배열을 생성해 보겠습니다.// 방법 1) 배열 생성자 활용let arr1 = new Array(100); // undefined로 초기화됨let arr1_2 = new Array(0, 0, 0, 0, 0, ...);// 방법 2) 빈 배열을 직접 선언let arr2 = [0, 0, 0, 0, 0, ...];배열의 크기가 작다면 [대괄호] 안에 값을 작성하여 초기화해 줄 수도 있지만, 직접 초기화하는 것 이외의 방법을 살펴보겠습니다. 📒 for문 활용하기가장 기본적인 방법으로 아래에서 소개할 메서드가 생각나지 않을 때 활용할 수 있는 방법입니다.let array = new Array(100);for(let i = 0; i 📒 ..
· Frontend
📋 REST란먼저 REST란 'Representational State Transfer'의 약자로, 직역하자면 '표현적 상태 전송'입니다.REST는 웹이 갖추어야 할 이상적인 아키텍처(구조)를 의미하며, 해당 기준을 충족한 API를 'RESTful API'라고 합니다. REST 아키텍처가 되기 위한 'REST 설계 원칙'에는 다음과 같은 6가지 원칙이 존재합니다.클라이언트-서버 분리(Client-Server)무상태(Stateless)캐시 가능성(Cache)일관된 인터페이스(Uniform Interface)계층화된 시스템(Layered System)[선택 사항] 코드 온 디맨드(Code-on-Demand)아래에서 각 조건들을 자세히 살펴보겠습니다. 📋 REST 설계 원칙1) 클라이언트-서버 분리(Cli..
· etc.
🌀 간단히 살펴보기자바스크립트로 알고리즘을 연습할 때 프로그래머스와 같이 입출력을 알아서 해주는 사이트를 이용해 왔다면백준이나 소프티어와 같이 직접 입출력을 해야 하는 사이트를 마주하는 경우 당황하게 될 것입니다. 따라서 오늘은 자바스크립트에서 입력을 받는 방법 중 'readline' 모듈을 활용하는 방법을 정리해보겠습니다. 기본적인 틀은 다음과 같습니다. (복사하여 사용하기)const readline = require('readline');const rl = readline.createInterface({ input: process.stdin, output: process.stdout});rl.on('line', (line) => { // 한 줄 입력 시 작업 코드}).on('close', ()..
🌵 문제 상황사용자가 특정 유저를 클릭하면 'https://es-cape-codeit.vercel.app/user/616'와 같이 마지막에 유저 아이디가 포함된 url로 이동합니다.해당 페이지는 유저의 프로필을 볼 수 있는 페이지입니다. 현재 유저 페이지의 url에서 유저 아이디를 가져와 if문으로 아이디의 유효성을 검사한 뒤, 유효하지 않다면 에러를 띄워 홈 화면으로 돌아가도록 구현하려고 하였습니다. 따라서 생각의 흐름과 동일하게 페이지로 이동했을 때 바로 아이디의 유효성을 검사하도록 if문을 가장 위에 두고,이후에 컴포넌트 렌더링에 필요한 코드들을 배치했습니다.import { useEffect } from 'react'import { useRouter } from 'next/router'export..