profile
일은 내가 아니다.

React 기초

문자도 HTML도 아닌 JavaScript의 확장 문법태그를 감싸주는 용도로 실제로는 랜더링 되지 않는다.위 코드는 아래 코드와 동일하다.리액트에서 제공하는 상태값을 관리해주는 훅

5일 전
·
0개의 댓글

Typescript 101

boolean

2022년 5월 16일
·
0개의 댓글

pointer-events: none;

요소에 아무 포인터이벤트 주고싶지 않을 때 쓰세요.

2022년 4월 26일
·
2개의 댓글
post-thumbnail

yarn install offline

오프라인 환경에서 프로젝트를 배포핧 때에는ex) 보안이 철저한 금융사 프로젝트npm install로 온라인에서 패키지를 설치할 수 없다.따라서 오프라인 환경에서 패키지를 설치할 수 있도록 환경을 만들어줘야한다.위와같이 입력해주고 저장.위 명령어를 실행해 npm-pack

2022년 4월 13일
·
1개의 댓글

nvm install 이 안되는 이유...

내 윈도우 user name이 한글이어서......이름 영문으로 바꾸려고 삽질하다가내가 내 컴퓨터의 관리자가 아니라서(아놔)왜.포.멧.안.했.냐.고ㅡㅡ암튼..다 실패하고 nvm을 Default 폴더 내 경로에 설치하니까 됐당...ㅎC:\\Users\\Default\\A

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

Vue2 Router Page Transition과 Scrollbehavior

레이아웃에 transition을 넣고, 라우터 이동될 때 상단으로 스크롤 되도록 설정했더니라우터 변경 -> 이전페이지 상단 살짝 보임 -> 다음페이지 상단으로 이동이런식으로 작동했다.한참 삽질하다가아래와 같이 작성하니 정상 작동한다.

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

vue 데이터에 img url을 작성했을 때 화면에 나오지 않는 문제

이미지 url을 api로 받아오지 않고, 데이터에 image의 url을 뿌려주고 :src=""에 넣어주니 이미지가 나오지 않았다.삽질하면서 별짓을 다했는데이런식으로 require 를 사용하니까 됐다...뭔가 보기 흉측하지만 일단...패스

2022년 3월 29일
·
0개의 댓글
post-thumbnail

GLSL 기초

https://thebookofshaders.com/http://editor.thebookofshaders.com/ex) abs(), sin() 등...https://thebookofshaders.com/glossary위 링크에서 확인 가능f

2022년 3월 23일
·
0개의 댓글

전개 연산자

배열데이터가 쉼표로 구분된 각각의 아이템으로 전개된다.매개변수로 값을 받아 key:value 형태로 객체를 리턴하는 함수가 있다.fruits 배열의 값을 사용하여 객체를 생성하고 싶다면아래와같이 작성해주어야 한다.인수의 개수대로 작성해주어야해서 몹시 불편하다.But,

2022년 3월 21일
·
0개의 댓글

구조 분해 할당 (비구조화 할당)

객체 구조분해할당 기존에는 객체의 특정 값을 사용하려면 아래와 같이 작성했다. ES6의 구조 분해 하랑을 사용하면 아래와 같이 작성 가능하다.

2022년 3월 21일
·
0개의 댓글

객체(Object) 메소드

첫번째 인수인 target에 두번째~ 마지막 인수인 sources를 복사해서 병합한 값을 반환한다.원본 객체가 변형된다.값이 똑같아서 true가 아니고,객체데이터의 메모리주소가 같기때문에 두 객체가 동일하다는 결과가 나왔다.(데이터가 저장된 위치가 동일)위 코드의 객체

2022년 3월 18일
·
0개의 댓글

API 예외 처리

v-if, v-else로 노데이터 처리

2022년 3월 15일
·
0개의 댓글
post-thumbnail

배열(Array) 메소드

callback 함수의 조건을 만족하는 첫 번째 요소의 값을 반환.element : 콜백함수에서 처리할 현재 요소index (선택) : 현재 요소의 인덱스array (선택) : find함수를 호출한 배열두 개의 배열 데이터를 병합해서 새로운 배열을 반환.원본 배열 데이

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

문자열(String) 메소드

a : 찾으려는 문자열b(선택적) : a를 찾기 시작하는 위치 인덱스. 어떤 정수값이라도 사용 가능. 기본값은 0.string에서 찾고자하는 문자열과 일치하는 첫 번째 인덱스를 반환.일치하는 값이 없으면 -1을 반환.문자열의 일부를 추출해서 새로운 문자열을 반환.a :

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

호이스팅

double이란 변수에 익명함수를 할당해서 함수표현식 작성.함수의 아래에서 호출하면 정상 작동.함수표현식을 작성하면 함수 위에서 호출하는 것이 불가능.함수표현식 -> 함수선언문으로 변경하면 함수 위에서 호출 가능.위와 같이 함수를 위에 작성한 후 아래에 호출하면doub

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

화살표함수

매개변수가 1개, 함수가 1줄일 때위 코드는 아래와 같이 축약 가능하다.축약형으로 객체데이터를 반환할 때에는함수 실행 중괄호와 혼동될 수 있으니, 소괄호로 감싸주어야 한다.

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

Vue 프로젝트 생성하기

원하는 경로로 이동 후vue-cli에서는 내부적으로 webpack을 사용하지만 숨겨져 있음.package.json 내에서 vue-cli-service라는 것으로 webpack 옵션을 제공.

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

데이터 업데이트 후 배열 내 특정 객체 값만 바꾸고 싶을 때

this.category.list는 기존 데이터response.data.list는 새로 받아오는 데이터다.저렇게 덮어쓰면 되는거군아...위 코드처럼 하면 될 줄 알았는데, 안됐다!전개연산자를 사용해서 1depth 깊은 복사가 실행돼서 그런듯 하다.덮어쓰면 되는구나...

2022년 2월 25일
·
0개의 댓글
post-thumbnail

늦깎이 수학공부 (feat. 이과를 갔어야했어...)

약수의 개수가 2개인 자연수, 1과 자기 자신만을 약수로 갖는 자연수ex) 2, 3, 11, 71 ...약수의 개수가 3개 이상인 자연수, 1보다 큰 자연수 중 소수가 아닌 자연수ex) 4, 6, 9, 24, 57 ...그냥 1어떤 수를 나누어 나머지가 0일 때 나누는

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