- 전체보기(117)
- null(2)
- const(2)
- SSR(2)
- let(2)
- &&(2)
- 프로토타입(2)
- 스코프체인(2)
- ES6(1)
- 자바스크립트 동작원리(1)
- 클로져(1)
- promise.all(1)
- 오픈API(1)
- authentication(1)
- 웹접근성(1)
- 생명주기(1)
- contextAPI(1)
- scope(1)
- react-quill(1)
- typescript(1)
- ci(1)
- 정규표현식(1)
- 로그인(1)
- undefined(1)
- rest 파라미터(1)
- 브라우저 저장소(1)
- Hydration-Issue(1)
- hydration(1)
- 반응형 디자인(1)
- uuid(1)
- defaultValue(1)
- proto(1)
- sql(1)
- every(1)
- 상태코드(1)
- 캐러셀(1)
- 깊은복사(1)
- 동기(1)
- global state(1)
- API(1)
- 로드밸런서(1)
- npm(1)
- lodash(1)
- 논리연산자(1)
- 스코프(1)
- 와이어샤크(1)
- s3배포(1)
- 컴포넌트재사용(1)
- 프로퍼티(1)
- 호이스팅(1)
- 쿼리(1)
- 쿠키(1)
- 미리보기(1)
- 결제프로세스(1)
- 옵셔널 체이닝(1)
- SSR배포(1)
- 객체(1)
- 통신(1)
- 메모이제이션(1)
- 컴포넌트생명주기(1)
- yarn(1)
- 비제어 컴포넌트(1)
- FileReader(1)
- state끌어올리기(1)
- 변수를 사용할때 주의사항(1)
- callback(1)
- DOMPurify(1)
- redis(1)
- metatag(1)
- 반응형디자인(1)
- TDD(1)
- call stack(1)
- react hook form(1)
- 라우팅(1)
- MPA(1)
- 면접복기(1)
- pg(1)
- Firebase(1)
- 이모지(1)
- Recoil(1)
- Prototype(1)
- 원시값(1)
- useEffect(1)
- useState(1)
- nth-child(1)
- ajax(1)
- event loop(1)
- 이미지라이브러리(1)
- 참조값(1)
- 비동기(1)
- Apollo Cache State(1)
- class(1)
- 테스트 코드(1)
- 도메인연결(1)
- unflatten(1)
- 웹에디터(1)
- useApolloClient(1)
- 타입스크립트(1)
- 스택/큐(1)
- Debouncing(1)
- observable(1)
- 콜백함수(1)
- 레이아웃(1)
- refresh_token(1)
- 생성자함수(1)
- Generic(1)
- 자바스크립트(1)
- 검색프로세스(1)
- XSS(1)
- 인스턴스(1)
- @media(1)
- Node(1)
- 댓글수정(1)
- var(1)
- diffing(1)
- 이미지 업로드 프로세스(1)
- 얕은복사(1)
- msa(1)
- OptimisticUi(1)
- filter(1)
- z-index(1)
- 빌드(1)
- 동적라우팅(1)
- infinitescroll(1)
- event.target.value(1)
- fetchpolicy(1)
- 장바구니(1)
- 삼항연산자(1)
- 렉시컬스코프(1)
- authorization(1)
- 데이터베이스(1)
- GRAPHQL_API(1)
- 원시자료형(1)
- cd(1)
- State(1)
- useMemo(1)
- useRef(1)
- i=i+1(1)
- inline block(1)
- 함수(1)
- OWASP(1)
- dbeaver(1)
- 참조자료형(1)
- memory heap(1)
- html(1)
- 프로퍼티 어트리뷰트(1)
- this 바인딩(1)
- graphql 쿼리(1)
- 접근자 프로퍼티(1)
- reduce(1)
- 스프레드연산자(1)
- 정규식(1)
- accesstoken(1)
- CSR(1)
- 생성자 함수(1)
- 전역변수(1)
- localstorage(1)
- 구조분해할당(Destructing)(1)
- state 끌어올리기(1)
- HoF(1)
- 의존성배열(1)
- restapi(1)
- 유클리드 호제법(1)
- 글로벌스타일(1)
- 페이지네이션(1)
- flatten(1)
- setState(1)
- form(1)
- Error: ENOSPC: System limit for number of file watchers reached(1)
- yup(1)
- JWT토큰(1)
- elastic search(1)
- spa(1)
- AWS배포(1)
- jest(1)
- HoC(1)
- dangerouslysetinnerhtml(1)
- 웹훅노티피케이션(1)
- trailing slash(1)
- seo(1)
- cookie(1)
- ssg(1)
- OG(1)
- 일급객체(1)
- object.keys(1)
- currying(1)
- Map(1)
- 커스텀훅(1)
- TDZ(1)
- 정적라우팅(1)
- 권한분기(1)
- Throttling(1)
- browserStorage(1)
[JS/reacat] localStorage 배열길이 제한해서 추가하기
중고마켓에 localStorage에 최근 본 상품 데이터를 저장하여 구현했었는데 계속 이미지가 추가 되어서 네모칸 밑으로 줄줄이 추가되고 있었다. 이를 해결하기 위해 배열을 제한하여 저장하거나 슬라이더를 이용하여 할 수 있을 것 같았는데 로컬 스토리지에 넣는 것
[JS]시간 계산 표시 (방금전, 몇분전, 몇시간전, 몇일전)
중고마켓 리팩토링을 하면서 시간표시에 대한 것을 어떻게 표현할 지 찾아보던 중 좋은 예시가 있어서 가져옴출처: https://kdinner.tistory.com/68이런식으로 구현되었다.
fork한 repository 잔디 심기
프로젝트를 하거나 스터디 하면서 fork해온 repo에서 커밋을 추가하면 잔디가 pr을 날리고 merge하지 않는 이상 잔디가 심어지지 않는 것을 알게 되었다.알고리즘이나 다른 내 레포에서 작업을 하면 되긴 하지만, 프로젝트나 스터디를 하는 상황이 많아서 이대로는 안되
[JS/TIL] 생성자함수와 프로토타입
## 객체 속성을 통해 여러 개의 값을 하나의 단위로 구성한 복합적인 자료구조 -> __객체지향 프로그래밍__: 독립적인 객체의 집합으로 프로그램을 표현하려는 프로그래밍 패러다임이다. -> 객체의 상태(state)를 나타내는 데이터와 상태데이터를 조작할 수 있는
[JS/TIL] 생성자 함수에 의한 객체 리터럴
생성자함수란? - new 연산자와 함께 호출하여 객체를 생성하는 함수 생성자 함수에 의해 생성된 객체를 인스턴스라 한다.
[JS/TIL] 전역변수의 문제점
전역변수의 무분별한 사용은 위험, 전역변수를 반드시 사용해야 할 이유를 찾지 못한다면 지역변수를 사용변수는 선언에 의해 생성되고 할당을 통해 값을 갖는다. 그리고 언젠간 소멸한다.지역변수의 생명주기\-> 함수의 생명주기와 일치한다.※ 호이스팅은 스코프 단위로 동작한다.
첫 면접 복기
개발 면접은 처음이었는데, 참 준비하는게 어려웠다. 다른 여러 기업들 면접을 보면, 그래도 회사에 대해 이해하고 인성에 대한 질문을 준비하면 되는데, 기술면접이라는 것이 어떤 부분이 나올지 모르기 때문에 준비를 해도, 공부를 끊임없이 해도 자신감을 갖지 못했던 것 같다
[JS/TIL] 변수를 사용할 때 주의할 사항
모던 자바스크립트 Deep Dive 공부 중 블로그에도 작성해야 할 필요가 있다고 생각한 부분이 있어서 정리하고 작성한다.변수는 꼭 필요한 경우에 한해 제한적으로 사용한다.변수 값은 재할당을 통해 언제나 변경이 가능하다. 그렇기 때문에 동적 타입언어인 자바스크립트는 타