본문 바로가기
728x90
반응형
SMALL

분류 전체보기155

origin/upstream Terminal-   main ±  git remote -vorigin https://github.com/ (fetch) origin https://github.com/git (push) upstream https://github.com.git (fetch) upstream https://github.com/it (push)  →로컬 저장소는 "origin"과 "upstream"이라는 두 개의 원격 저장소와 연결되어 있음.→ 위 정보는 현재 작업 중인 로컬 Git 저장소( 당신의 컴퓨터에 있는 프로젝트의 버전 관리 시스템)에 설정된 원격 저장소들을 보여줌→ "origin"은 개인 저장소를, "upstream"은 원본 프로젝트 저장소를 가리킴 origin:URL: https://github.com/s.. 2025. 3. 20.
Git 기본 1. Git 기본 개념Repository (저장소)로컬 저장소 Local Repository: 로컬 컴퓨터에 있는 저장소원격 저장소 Remote Repository: GitHub 등 원격 서버에 있는 저장소Branch (브랜치)독립적인 작업 공간main/master: 기본 브랜치feature: 기능 개발용 브랜치hotfix: 긴급 수정용 브랜치원격저장소 연결 → 올리기 1. 원격 저장소와의 상호작용 관련 명령어 사용 시나리오일반적인 Fork & Pull Request 워크플로우# 1. upstream 저장소 등록 (최초 1회만)git remote add upstream # 2. upstream 확인git remote -v# 3. upstream의 최신 변경사항 가져오기git fetch upstream# .. 2025. 3. 20.
JSX 문법 정리 JSX란 Javascript + XML 의 약자로써 자바스크립트와 XML이 합쳐진 문법이다.JSX는 React에서 UI를 정의하기 위해 사용되는 문법 확장JSX를 사용하면 JavaScript 코드 안에서 태그 기반의 구문을 통해 React 엘리먼트를 직관적으로 정의할 수 있으며, 이를 통해 동적인 UI를 쉽게 구현할 수 있음❓ XML이란?XML(eXtensible Markup Language) 은 HTML과 같은 마크업 언어이지만, HTML은 데이터를 표현하는 마크업 언어라면, XML은 데이터를 기술하는 언어이다.예를 들어 HTML에서는 h1, p 같은 이미 만들어진 태그를 사용해야 하지만, XML은 정의된 부분을 제외하고는 사용자가 태그를 임의로 만들 수 있다.엄밀히 말하자면 XML은 마크업 언어라기 .. 2025. 3. 19.
const /let JavaScript 변수 선언 방식 정리변수 선언 키워드let용도:변할 수 있는 값을 선언할 때 사용블록 내부에서만 유용특징: 재할당 가능, 재선언 불가능예시: let count = 1; count = 2; (유효)const용도: 변경되지 않는 상수나 재할당이 필요 없는 변수에 사용 (변하지 않는 값을 선언할 때 사용)블록 내부에서만 유용특징: 재할당 불가능, 재선언 불가능참조 타입: 객체나 배열의 내부 값은 변경 가능하지만 참조 자체는 변경 불가예시: const PI = 3.14; (재할당 시 오류)var (레거시)용도: ES6 이전의 변수 선언 방식특징: 재할당 가능, 재선언 가능, 함수 스코프단점: 블록 스코프를 무시하여 예상치 못한 동작 발생 가능  예시 1 ) 유효성 검사에서의 let / con.. 2025. 3. 13.
formdata FormData정의: FormData는 파일과 다른 데이터를 함께 전송할 수 있도록 도와주는 객체로, 브라우저 API의 일부주요 용도: 주로 파일을 포함한 폼 데이터를 처리할 때 사용1. 폼 데이터 구성키-값 쌍: FormData는 데이터 항목을 키-값 쌍으로 저장일반적으로 HTML 폼의 입력 요소(name 속성)와 그 값을 매핑하여 구성const data = new FormData();data.append('username', 'exampleUser'); // 문자열 데이터 추가2. 파일 업로드 지원파일 포함: 사용자가 선택한 파일을 FormData에 추가할 수 있음.이는 이미지, 문서 등 다양한 파일 형식이 될 수 있음. FormData는 파일을 멀티파트 형식으로 자동으로 처리하여 서버에 전송cons.. 2025. 2. 21.
Jotai 1. 기본 개념Jotai란?일본어로 "상태"를 의미React를 위한 원시적이고 유연한 상태 관리 라이브러리Recoil에서 영감을 받아 더 작고 단순한 API 제공주요 특징// 1. 최소한의 API// 2. TypeScript 기반 설계// 3. 작은 번들 사이즈 (~3KB)// 4. React Suspense 지원// 5. 중첩된 업데이트 최적화2. 기본 사용법Atom 생성import { atom } from 'jotai'// 기본 atomconst countAtom = atom(0)const textAtom = atom('hello')// 파생 atom (읽기 전용)const doubledAtom = atom((get) => get(countAtom) * 2)// 읽기/쓰기 atomconst toggl.. 2025. 2. 14.
728x90
반응형
LIST

티스토리툴바