lunar-halo 님의 블로그

  • 홈
  • 태그
  • 방명록

Coding 2

[Set, Map] in Coding Test

📌 JS 코딩 테스트에서 Set · Map 한 번에 정리— 완주 못한 선수부터 의상 문제까지 연결해서 이해하기코딩 테스트 풀다 보면 꼭 이런 생각 든다.“Set은 왜 size야?”“new Set()은 왜 꼭 써야 하지?”“완주 못한 선수에서 왜 갑자기 name을 씀?”“의상 문제 공식은 그냥 외우는 거야…?”👉 이 글 하나로 전부 연결해서 이해해보자.1️⃣ Set은 왜 size를 쓰는가?Set은 배열이 아니다const arr = [1, 2, 3];arr.length; // ✅const set = new Set([1, 2, 3]);set.length; // ❌set.size; // ✅이유는 간단하다.Set은 ‘집합’ 자료구조라 인덱스가 없다Array → 순서 + 인덱스 → lengthSet → 중복..

카테고리 없음 2025.12.30

2편 [ form 과 validation ]

⚡ 프론트엔드 컴포넌트화 & 로직 재사용 ― React, Vue, Angular 비교상황 가정👉 “회원가입 폼”을 만든다고 해보자* 공통 요구사항 * 입력값(`username`, `password`) 관리 * 길이 유효성 검사 * 버튼 클릭 시 데이터 제출이걸 React / Vue / Angular에서 각각 구현해보면서, 어떤 점이 유리한지 살펴보자 1. React (Hook 중심)// useInput.js (Custom Hook)import { useState } from "react";export const useInput = (initialValue, validator) => { const [value, setValue] = useState(initialValue); const onCha..

Front-End master 2025.09.09
이전
1
다음
더보기
프로필사진

lunar-halo 님의 블로그

lunar-halo 님의 블로그 입니다.

  • 분류 전체보기 (49)
    • Front-End master (25)
    • C++로 Coding Test master (9)

Tag

Hook, API, Flutter, scanf, svelte, Class, JSX, UI분리, validation, 보안, Coding, react, component, vue, 컴포넌트화, API 종류, form, 개발, frontend, Backend,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

«   2026/04   »
일 월 화 수 목 금 토
1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30

방문자수Total

  • Today :
  • Yesterday :

Copyright © AXZ Corp. All rights reserved.

티스토리툴바