profile
UIUX/Frontend
post-thumbnail

2024-01-24

정수 number와 n, m이 주어집니다. number가 n의 배수이면서 m의 배수이면 1을 아니라면 0을 return하도록 solution 함수를 완성해주세요.10 ≤ number ≤ 1002 ≤ n, m < 10

2024년 1월 24일
·
0개의 댓글
·
post-thumbnail

API 라우팅

API 라우팅 1️⃣ API 라우트 만들기 2️⃣ 리퀘스트 다루기 3️⃣ 리스폰스 다루기 4️⃣ 실습 1️⃣ API 라우트 만들기 pages > api 폴더 생성 > short-links 파일생성 api 폴더명은 규칙이기 때문에 다른 이름으로 변경할 수 없음 en

2024년 1월 12일
·
0개의 댓글
·
post-thumbnail

Next.js 시작하기

🚧 문제점텅 빈 화면을 먼저 띄운다 -> js 전부 로딩 -> react 동작 -> 제대로 된 화면을 보여준다.초기 로딩이 느리다.검색 엔진에 제공할 수 있는 정보가 적다. SEO에 취약함✅ 프리렌더링 해놓음 (미리 만들어서 전달)BUT, 이렇게 되면 서버가 필요하다

2024년 1월 3일
·
0개의 댓글
·
post-thumbnail

컴파일러 옵션 설정하기

tsconfig.json 파일 생성

2024년 1월 1일
·
0개의 댓글
·
post-thumbnail

Hello TS World

초기 설정 방법

2023년 12월 30일
·
0개의 댓글
·
post-thumbnail

[React] className

className 쓰는 방법들

2023년 11월 23일
·
0개의 댓글
·
post-thumbnail

[React] state

State -> 상태상태가 변경될 때마다 화면을 새롭게 그려내는 방식으로 동작한다.useState라는 함수를 활용해서 state를 바꾼다.보통 이렇게 Destructuring 문법으로 작성첫 번째 요소가 바로 state, 두 번째 요소 tate를 바꾸는 setter 함

2023년 11월 22일
·
0개의 댓글
·
post-thumbnail

[React] Props

실전 문제로 props 받아보기

2023년 11월 21일
·
0개의 댓글
·
post-thumbnail

[React] JSX 문법

JSX 문법 기초 문법

2023년 11월 21일
·
0개의 댓글
·
post-thumbnail

[React] 설치

리액트 설치, 개발 모드 실행

2023년 11월 20일
·
0개의 댓글
·
post-thumbnail

배열 메소드-reduce

acc, el, i, arr매 반복마다 콜백함수의 return 값을 다음 acc로 전달

2023년 11월 13일
·
0개의 댓글
·
post-thumbnail

배열 메소드-some, every

조건을 만족하는지 확인할 때 사용ture, false 값으로 나옴조건을 만족하는지 확인할 때 사용ture, false 값으로 나옴빈배열 \[]일 경우 콜백함수를 실행하지 않고 flase, true를 리턴한다.🔥 every 메소드는 빈 배열일 경우 무조건 true를 반

2023년 11월 13일
·
0개의 댓글
·
post-thumbnail

배열 메소드-filter, find

특정 조건을 만족하는 새로운 배열을 필요로 할 때 사용하나만 있는 요소를 가져올 때도 반드시 배열로 반환함조건을 만족하는 모든 값을 가져와야하기 때문에 처음부터 끝까지 반복 한다.배열이 아닌 값만 반환한다.위에서부터 검사하면서 조건에 맞는 값을 찾으면 반복을 멈추고 그

2023년 11월 13일
·
0개의 댓글
·
post-thumbnail

배열 메소드-forEach, map

배열의 값을 하나씩 불러오고 인덱스와 배열을 가져올 수 있다.새로운 변수에 할당하면 undefined 값을 부여받는다.👉 새로운 배열로 반환할 수 없다. 👉 단순히 배열의 반복 작업을 필요할 때 사용한다.map 메소드는 return 값으로 새로운 배열을 반환할 수

2023년 11월 13일
·
0개의 댓글
·
post-thumbnail

[위클리 페이퍼] - 4주차

선언단계와 초기화 단계가 동시에 진행된다.선언단계를 통해 변수 이름을 등록하고, 초기화 단계를 통해 변수에 undefined를 할당해 초기화(최초로 값을 할당)한다.👉 var 키워드로 선언한 변수는 어떠한 값도 할당하지 않아도 undefined라는 값을 가진다.자바스

2023년 11월 12일
·
0개의 댓글
·
post-thumbnail

[모던자바스크립트]-에러와 에러객체

그 순간 프로그램 자체가 멈춰버리고 그 이후의 코드는 더 이상 동작하지 않습니다. 동작을 멈추고 자동으로 에러 내용이 담긴 에러 객체가 만들어집니다.error.name, error.messageReferenceErrorTypeErrorSyntaxErrorSyntaxEr

2023년 11월 12일
·
0개의 댓글
·
post-thumbnail

[모던자바스크립트]-문법과 표현

📌 조건 연산자 삼항 연산자(Ternary operator) >조건 ? truthy 할 때 표현식 : falsy 할 때 표현식 📌 Spread 구문 >배열에 유용함 배열의 각각의 개별 값을 가져옴 배열을 좀 더 편하게 복사할 수 있음 👉 slice(): 원본

2023년 11월 12일
·
0개의 댓글
·
post-thumbnail

[모던자바스크립트] - 함수

함수 선언을 변수에 할당하거나 다른 함수의 아규먼트로 활용하면서 마치 함수 선언을 값처럼 활용해서 함수를 만드는 방식👉 파라미터(Parameter) : 함수 소괄호 안어 들어가는 값👉 아규먼트(Argument) : 함수를 호출하는 부분에서 값을 전달하는 부분파라미터

2023년 11월 11일
·
0개의 댓글
·
post-thumbnail

[모던자바스크립트]-데이터타입, 연산자

현시점에 사용하기 적합한 범위 내에서 최신 버전의 표준을 준수하는 자바스크립트Falsy: false, null, undefined, 0, NaN, ''Truthy : true, 'Codeit', 123, -123, {}, \[](A && B)A : ture👉 true

2023년 11월 10일
·
0개의 댓글
·
post-thumbnail

[자바스크립트 기본]-키보드 이벤트

✨ KeyboardEvent.typekeydown: 키보드 버튼을 누른 순간keypress: 키보드 버튼을 누른 순간keyup: 키보드 버튼을 눌렀다 뗀 순간 ✨ KeyboardEvent.key이벤트가 발생한 버튼의 값 ✨ KeyboardEvent.code이벤트가 발생

2023년 11월 10일
·
0개의 댓글
·