profile
front-end를 꿈꿉니다

변수 이름을 어떻게 하면 잘 지을까?

❓ 다 아는 건데 왜 이 주제를 왜 가지고 왔냐🅰️ 최근 인스타를 보다가 변수 명 관련해서 영상이 하나가 떴는데 처음 안 사실들이 있어서 신기해서 파고 있어서 이런 주제를 꺼내게 됐다.js기준으로 문서가 정의되어있음.다른언어를 공부하고 있는 사람에게는 2.1~2.10

2025년 12월 23일
·
0개의 댓글
·

프론트엔드 개발자인데 SQL을 배워야할까?

A. 아이스 브레이킹 시간에 빠지지 않고 SQL이야기가 나오는 것을 느꼈고 그래서 SQL이 뭔데? 라는 궁금증에서 출발했습니다.SQL(Structured Query Language)은 데이터베이스와 대화하는 언어입니다.웹사이트에 있는 거의 모든 데이터는 데이터베이스에

2025년 12월 23일
·
0개의 댓글
·

git branch

여러 개발자가 하나의 저장소에서 작업을 할 때 협업을 좀 더 효과적으로 하기 위해git branch 에 대한 규칙을 정하고 저장소를 잘 활용하기 위한 workflow 를 정의하는 것을 바로 git branch 전략이라고 합니다.여러 명의 개발자가 동시에 작업할 때 가장

2025년 12월 23일
·
0개의 댓글
·
post-thumbnail

next.js page 라우터 vs app 라우터

Pages Router는 Next.js의 전통적인 라우팅 시스템입니다. 이 시스템은 파일 시스템 기반 라우팅을 사용하며, pages 디렉토리 내의 파일 구조가 곧 애플리케이션의 라우트 구조가 됩니다.많은 기업에서 사용되고 있는 안정적인 라우터pages 디렉토리 사용파일

2025년 12월 23일
·
0개의 댓글
·

2025-05-09 count, todolist

index.jsreaction.js|| 논리 OR 연산자왼쪽 값이 거짓(falsy) 으로 평가되면(예: false, 0, "", null, undefined, NaN) → 오른쪽으로 대체?? (Nullish Coalescing) 연산자 (null 병합 연산자)왼쪽 값이

2025년 5월 29일
·
0개의 댓글
·

📆 2025.04.28 ‐ TypeScript type, intersection, interface, optional property, readonly

string: 문자열 타입number: 숫자 타입boolean: true/false 논리 타입null: 값이 비어있음을 명시하는 타입undefined: 값이 할당되지 않은 상태bigint: 매우 큰 정수를 다룰 수 있는 타입symbol: 고유한 식별자를 만들 때 사용하

2025년 4월 28일
·
0개의 댓글
·

📆 2025.04.24 ‐ Advanced JavaScript: Functions, Prototypes, Closures, and Classes

오늘 공부하면서 인사이트, 개념 요약 등하위 생성자의 프로토타입을 상위 생성자의 객체로 지정상위 생성자의 모든 속성을 물려받아 사용할 수 있음상속 ex03-04.js중복속성imageimage상속 받는 코드imageimageconstructor 메서드는 클래스의 인스턴스

2025년 4월 24일
·
0개의 댓글
·

📆 2025.04.21 ‐ 2025.04.22 ‐ Function invocation [멋쟁이사자처럼부트캠프 프론트엔드13기]

일반적인 함수 호출 방법함수();this 는 window 객체window 객체는 어디서나 참조 가능하므로 this를 사용할 필요 없음메서드로 호출객체에 정의된 메서드를 호출할 때객체 메서드명this 는 메서드를 정의한 객체this 는 생성된 객체를 참조하므로 객체에 종

2025년 4월 22일
·
0개의 댓글
·

📆 2025.04.21 ‐ JavaScript Function Deep Dive [멋쟁이사자처럼부트캠프 프론트엔드13기]

일급 객체변수 , 배열 엘리먼트 , 다른 객체의 프로퍼티에 할당 될 수 있다image함수의 인자로 전달 될 수 있다함수의 결과 값으로 반환 될 수 있다리터럴로 생성될 수 있다동적으로 생성된 프로퍼티를 가질 수 있다자바스크립트의 함수(function) 는 일급객체 이다

2025년 4월 21일
·
0개의 댓글
·

📆 2025.04.15 ‐ DOM manipulation, event [멋쟁이사자처럼부트캠프 프론트엔드13기]

오늘 공부하면서 인사이트, 개념 요약 등elem.innerHTMLelem 의 내부 HTML 코드의 값을 조회하거나 수정elem 자신은 제외elem.outerHTMLelem 의 내부 HTML 코드의 값을 조회하거나 수정elem 자신을 포함elem.textContentel

2025년 4월 15일
·
0개의 댓글
·

📆 2025.04.14 - client‐side JS, DOM, node types [멋쟁이사자처럼부트캠프 프론트엔드13기]

오늘 공부하면서 인사이트, 개념 요약 등웹 브라우저에서 실행되는 자바스크립트 환경ECMAScript: 자바스크립트 언어에 대한 표준patrick Charollais | ECMA-262 - Ecma lnternational DOM(Document Object Mod

2025년 4월 15일
·
0개의 댓글
·

[📆 2025.04.11] reference types, scope, let const, array methods - [멋쟁이사자처럼부트캠프 프론트엔드13기]

참조 타입의 특징변수 스코프ES6 - 변수 선언문오늘 배운 배열 메소드오늘 공부하면서 인사이트, 개념 요약 등기본 데이터 타입은 실제 데이터를 저장하고 다룸함수 호출 방식: 값에 의한 호출 (Call by Value) ⇒ 원시타입참조형 데이터 타입은 실제 데이터가 있는

2025년 4월 11일
·
0개의 댓글
·

[📆 2025.04.09] Array, array‐like object, two‐dimensional array, for...in, vs for...of - [멋쟁이사자처럼부트캠프 프론트엔드13기]

참조 타입유사 배열 객체(Like-Array Object)2차원 배열, 다차원 배열for in, for of 배열하나의 변수에 여러개의 값을 지정하는 데이터 구조순서정보 (index) 를 이용하여 각 요소를 참조 (0 부터 시작)생성크기를 미리 지정하지 않음Array

2025년 4월 11일
·
0개의 댓글
·

[2025-04-03] Object, function - [멋쟁이사자처럼부트캠프 프론트엔드13기]

반복문을 멈추는 코드Objectfunctionbreak반복문 이나 switch 문을 즉시 종료break 를 감싸고 있는 코드 블럭을 빠져나오고 코드 블럭 이후의 코드로 실행이 넘어감continue반복문 내에서 남아있는 코드를 건너뛰고 다음 반복으로 실행이 넘어감예시코드

2025년 4월 10일
·
0개의 댓글
·