profile
진짜 비전공자의 석기시대 개발
태그 목록
전체보기 (76)JavaScript(38)리액트(13)vue(13)React(13)vue3(13)vue.js(13)typescript(12)ts(11)배열(7)array(7)클래스(4)class(4)Props(3)객체(3)String(3)문자열(2)components(2)undefined(2)객체타입(2)라이프 사이클(2)object(2)reduce(2)number(2)생성자 함수(2)폼 입력 바인딩(2)catch(2)break(2)콜백함수(2)composition api(2)반복문(2)finally(2)Event(2)State(2)Sort(2)비동기처리(2)readonly(2)전역상태관리(2)컴포넌트(2)null(2)객체 타입(2)interface(2)인터페이스(2)promise(1)Omit(1)useRecoilState(1)record(1)public(1)indexOf(1)GET(1)이벤트 핸들링(1)push(1)querySelector(1)Created(1)타입 별칭(1)froEach(1)논리연산자(1)redux thunk(1)이벤트전파(1)상태(1)Options API(1)제한된 제네릭(1)조건부 렌더링(1)className(1)atom(1)boolean(1)lifecycle(1)단축평가(1)v-show(1)new Array()(1)findIndex(1)length(1)유니언 타입(1)try(1)추상 클래스(1)callback(1)instanceof(1)리덕스(1)arguments(1)라우팅(1)input(1)Dispatch(1)프로토타입(1)computed(1)최빈값(1)exclude(1)매개변수(1)반응형 데이터(1)유틸리티 타입(1)Recoil(1)await(1)원시값(1)useState(1)Fetch API(1)for ~ in(1)중첩함수(1)async(1)NonNullable(1)abstract(1)return(1)hasOwnProperty(1)while(1)includes()(1)(1)usedispatch(1)store(1)&&(1)리듀서(1)숫자(1)고차함수(1)타입스크립트(1)reducer(1)implements(1)교차 타입(1)unshift(1)Axios API(1)생성자함수(1)Generic(1)React css(1)selector(1)action(1)VOID(1)조건문(1)any(1)switch(1)find(1)querySelectorAll()(1)continue(1)concat(1)const(1)let(1)클로저(1)script setup(1)익명 함수 표현식(1)객체 복사(1)filter(1)InstanceType(1)v-for(1)나머지 연산자(1)즉시실행함수(1)context(1)v model(1)watch(1)and(1)or(1)임플리먼트(1)재귀함수(1)타입(1)프롭스(1)vuex(1)제네릭(1)lastIndexOf(1)기명 함수 표현식(1)래퍼객체(1)암시적 형변환(1)원시자료형(1)useRef(1)reducers(1)함수(1)setInterval(1)setTimeout(1)DOM(1)redux-middleware(1)protected(1)axios(1)Enum(1)화살표함수(1)이벤트 핸들러(1)styled components(1)Constructor(1)구조분해할당(1)액션객체(1)이벤트핸들러(1)useselector(1)shift(1)2차원 배열(1)script(1)type annotation(1)splice(1)type(1)함수 선언문(1)Pop(1)template(1)데이터타입(1)에러 페이지(1)자료참조형(1)최대값(1)최소값(1)함수 제네릭(1)removeEventListener(1)new Map()(1)partial(1)react 문법(1)params(1)required(1)emits(1)얕은 복사(1)setState(1)form(1)extends(1)인라인 style(1)Then(1)액션생성자(1)addEventListener(1)unknown(1)배열 타입(1)style(1)ReturnType(1)v-else-if(1)render(1)parameters(1)JSX(1)slice(1)Array.from(1)new Set(1)v if(1)v else(1)@Inject(1)Map(1)삼항 연산자(1)callbackRef(1)원시 타입(1)리터럴 타입(1)css-modules(1)최댓값(1)리스트 렌더링(1)keyof(1)함수 타입(1)new promise(1)IIFE(1)이중 for문(1)methods(1)provide(1)참조타입(1)BigInt(1)redux(1)emit(1)closure(1)private(1)slot(1)vue router(1)메서드 오버라이딩(1)extract(1)set(1)Parameter Properties(1)react router(1)case(1)최솟값(1)static(1)열거형(1)명시적 형변환(1)논리 연산자(1)new Object(1)refs(1)function(1)pick(1)함수호출(1)제어컴포넌트(1)forwardRef(1)깊은 복사(1)mounted(1)클래스 제네릭(1)

[React] React CSS (리액트 CSS)

React CSS (리액트 CSS) 1. 인라인 style 1) 기존 css 2) React CSS 2. className 1) 기존 css 2) React CSS 3. CSS Modules ("./이름.module.css") 1) 기존 css 2) React

2022년 8월 4일
·
0개의 댓글
·

[TypeScript] 유틸리티 타입

1) T에 속하는, 모든 프로퍼티들을 선택값으로 변경2) 기본 예시1) T에 속하는, 모든 프로퍼티들을 필수값으로 변경 (Partial와 반대되는 개념)2) 기본 예시1) T에 속하는, 모든 프로퍼티들을 읽기 전용(readOnly)으로 변경 (프로퍼티의 값을 변경 X,

2022년 8월 2일
·
0개의 댓글
·

[TypeScript] 제네릭 Generic

1) 기존 예시2) 함수 제네릭 예시1) 기존 예시2) 클래스 제네릭 예시1) 기존 < 제한된 제네릭 < 제네릭 (뒤로 갈 수록, 간략한 코드)2) 기본 예시

2022년 8월 1일
·
0개의 댓글
·

[TypeScript] 논리 연산자 활용 타입

논리 연산자 활용 타입 1. 타입 별칭 2. 유니언 타입 (or) 3. 교차 타입 (and) 4. 구조분해할당 5. type + keyof

2022년 7월 27일
·
0개의 댓글
·

[TypeScript] 열거형 enum

문자형 열거는 모든 값을 할당해줘야 하기때문에, 일반 객체와 차이가 없다. 굳이 사용할 필요 없음.혼합형 열거는 숫자형 열거 + 문자형 열거로, 모든 값을 할당해줘야 하기때문에 일반 객체와 차이가 없다. 굳이 사용할 필요 없음.

2022년 7월 25일
·
0개의 댓글
·

[TypeScript] 타입 vs 인터페이스 (type vs interface)

타입 vs 인터페이스 (type vs interface) 1. 공통점 2. 차이점 1: 확장 3. 차이점 2: 기존 Guard에 추가할당 가능여부 (선언 병합) 4. 차이점 3: interface는 객체만 사용가능 5. 차이점 4: 계산된 값 사용 여부

2022년 7월 25일
·
0개의 댓글
·

[TypeScript] 인터페이스 (객체 타입)

type 정의용으로만 사용가능. 값으로는 사용 불가능.즉, console.log(Obj) or 직접적으로 값을 할당하는 것은 불가능.기본 예시interface -> class 에서 확장 (정확히는 상속이다!!)기본 예시interface -> interface 에서 확장

2022년 7월 25일
·
0개의 댓글
·

[TypeScript] 기본 타입

기본 예시기본 예시undefined와 null원시 값들은 타입추론이 되기때문에, const str = '안녕하세요'; 이런식으로 JS처럼 사용해도 괜찮다.Bad 예시Good 예시배열 안 객체 예시 (객체 배열)TS 예시JS 예시화살표함수 TS 예시1 (기본함수와 똑같이

2022년 7월 25일
·
0개의 댓글
·

[Vue3] Vue3 script setup (Composition API)

<script setup> -> <template> -> <style> 순서로 작성해야 한다.route (Route 페이지의 정보를 가지는 객체)router (Route url 이동을 조작하는 객체 + Route 페이지 조작하는 객체)

2022년 7월 10일
·
0개의 댓글
·

[Vue.js] Vuex (전역상태관리)

Vuex (전역상태관리) 1. store 파일 2. store를 사용하는 컴포넌트 파일

2022년 7월 10일
·
0개의 댓글
·

[Vue.js] Vue Router (라우터)

import { createRouter, createWebHashHistory } from "vue-router"; ---> 1번) 이렇게 넣고, 2번처럼 사용한다.import Home from './Home';import Movie from './Movie'im

2022년 7월 10일
·
0개의 댓글
·

[Vue.js] Composition API

기존 ver컴포지션 API ver기존 ver컴포지션 API ver기존 ver컴포지션 API ver

2022년 7월 10일
·
0개의 댓글
·

[Vue.js] 컴포넌트 components

(부모 컴포넌트 -> 자식 컴포넌트) 속성을 상속하고 싶은데, 자식 컴포넌트 <template>안의 부모요소가 1개 이상이거나 or 자식 컴포넌트 <script>안에 inheritAttrs: false 가 들어있다면?$emit()은 함수 관련 (상속)prov

2022년 7월 10일
·
0개의 댓글
·

[Vue.js] v-model (폼 입력 바인딩 2)

v-model.lazy 란? enter키, tab키, 마우스로 다른곳 클릭하면 -> 그때서야, v-model이 갱신된다. (키보드 이벤트 enter와 같은 역할)v-model.number 란? v-model은 기본적으로 타입을 string으로 받는다. 숫자를 넣어도 s

2022년 7월 9일
·
0개의 댓글
·

[Vue.js] input 입력 (폼 입력 바인딩 1)

기본 예시양방향 데이터 바인딩: 입력하는대로 늘어났다 줄어들었다가 자유롭게. (template과 script가 양방향으로 서로 영향을 주고 받을 수 있다)

2022년 7월 9일
·
0개의 댓글
·

[Vue.js] 이벤트 핸들러 event (이벤트 핸들링)

v-on 라인은 약어를 사용해서, @click 이런식으로 사용할 수 있다. (v-on:의 약어는 @이다)e.target을 사용하고 싶다면, v-on:을 사용하면 된다!!!방법 1) event.preventDefault() 혹은 .prevent방법 2) .once: 현재

2022년 7월 9일
·
0개의 댓글
·

[Vue.js] 반복문 (리스트 렌더링)

npm i -D shortid (설치하고)기본 예시push, pop, unshift, shift, splice, sort, reverse기본 예시

2022년 7월 9일
·
0개의 댓글
·

[Vue.js] 조건문 (조건부 렌더링)

표현식이 true일때만 -> 값을 반환하거나, 화면에 렌더링 한다. JS의 if 와 같다.true면 값을 반환하거나, 화면에 렌더링 한다.false면 값을 반환 안 하고, 화면에 렌더링 안 하고 -> 완전히 무시되고 PASS.기본 예시v-if와 형제로, JS의 else

2022년 7월 9일
·
0개의 댓글
·

[Vue.js] watch (반응형 콜백)

watch (반응형 콜백) 1. watch는 우리가 알고있는 특정한 데이터들의 변경사항을 감시하는 용도의 옵션이다. 2. 또한, 감시할때마다 함수호출 및 데이터변경도 가능하다. 3. 기본 예시

2022년 7월 9일
·
0개의 댓글
·

[Vue.js] methods 와 computed

methods 와 computed 1. 상황: 화면에 !detupmoC olleH 라는 글자가 4줄 나오게 하고 싶다면? 2. methods 3. computed

2022년 7월 9일
·
0개의 댓글
·