- 전체보기(99)
- 주간 회고(6)
- 원티드(5)
- 타입스크립트(5)
- 주간회고(5)
- redux-toolkit(4)
- 마이그레이션(3)
- jest(3)
- next.js(3)
- vim(3)
- 리액트 네이티브(3)
- Error Log(3)
- 리액트 쿼리(3)
- React(3)
- 프리온보딩(2)
- reducer(2)
- 프로그래머스(2)
- 코딩테스트(2)
- 블로그(2)
- http(2)
- redux(2)
- 리액트(2)
- useInput(2)
- RTL(2)
- cookie(2)
- tailwind(2)
- 순수함수(1)
- absolute(1)
- API(1)
- lookup(1)
- npm(1)
- relative(1)
- session storage(1)
- 라이브러리(1)
- 프레임워크(1)
- max -age(1)
- 영어가 싫어요(1)
- 브라우저 렌더링(1)
- restful api(1)
- patch(1)
- next-auth(1)
- Mutable Ref(1)
- 세션(1)
- 쿠키(1)
- nvchad(1)
- 낙관적 업데이트(1)
- 사이드 이펙트(1)
- OX퀴즈(1)
- 커밋 컨벤션(1)
- yarn(1)
- instanceof(1)
- 타입 스크립트(1)
- input(1)
- HTML3.2(1)
- 가까운 수(1)
- [1차] 비밀지도(1)
- RN(1)
- fixed(1)
- react form(1)
- 1일3제(1)
- parameter(1)
- 테스트 코드(1)
- polling(1)
- 과제(1)
- react-modal(1)
- Vim Macro(1)
- eslint 지정(1)
- hoisting(1)
- Jest Mocking(1)
- useRef가(1)
- 텍스트 편집 자동화(1)
- REST API(1)
- const(1)
- RN IOS 시뮬레이터(1)
- 취미(1)
- thunk(1)
- 문자열 내 마음대로 정렬하기(1)
- 프리온보딩 과제(1)
- 원티드 프리온보딩(1)
- Blob(1)
- object.freeze(1)
- 캐시(1)
- base64(1)
- DOM Ref(1)
- li(1)
- 평행(1)
- react-query(1)
- local storage(1)
- input type color(1)
- HashTable(1)
- Callback Ref(1)
- State(1)
- inline block(1)
- this(1)
- rtk(1)
- axios(1)
- nvm(1)
- 테스트코드(1)
- button(1)
- semantic(1)
- html(1)
- Context API(1)
- CJS vs ESM(1)
- ul(1)
- react-script(1)
- block(1)
- try-catch error type(1)
- useTableQuery(1)
- inline(1)
- 캐릭터의 좌표(1)
- custom hook(1)
- 진료순서 정하기(1)
- prettier.config.js(1)
- 0단계(1)
- supabase(1)
- macro(1)
- 안전지대(1)
- 면접 질문(1)
- golang(1)
- nosql(1)
- express(1)
- Expires(1)
- ol(1)
- W3C(1)
- 토큰(1)
- 빠른 ID 생성함수(1)
- .env(1)
- file(1)
- 근황(1)
- TDZ(1)
- Props(1)
- Thunder Client(1)
- zustand(1)
- astro(1)
- 겹치는 선분의 길이(1)
- htmlFor(1)
- static(1)
- typescript(1)
- Hotfix(1)
- argument(1)
- JSON Server(1)
- amplitude(1)
- 2차원으로 만들기(1)
- position(1)
- sticky(1)
- 리액트 네이티브 폰트 불러오기(1)
- http 메세지(1)
- sql(1)
- Cannot use import statement outside a module(1)
- Example(1)
근황 - 1
저의 근황입니다. 리팩토링 중단 원래 2명이 같이 포폴 리팩토링을 진행하고 있었습니다. 하지만 1명이 취직했습니다. 나홀로 리팩토링은 의미가 별로 없을 것 같아 다른 프로젝트를 찾고 있습니다. 블로그 이사 중 간간히 docusaurus로 만든 블로그를 정리하고
포폴 리팩토링 1 - Next.js Jest & RTL 설치하기
포트폴리오 코드 퀄리티를 보니까 코드를 고민한 것보다는 새로운 기능과 요구사항 그리고 디버깅 작업을 더 많이했습니다.저는 남에게 엄격하고 자신에게 너무 관대하지만 이 코드가 남이라고 생각하면 서류 3초컷 할 것입니다.코드 퀄리티가 엔지니어링이라기 보단 양산형 국비지원
reduce로 객체 만들기
배열의 값을 키로 활용해 객체를 만드는 법을 찾던 중에 reduce를 이렇게 사용할 수 있다는 것을 발견했습니다. 작지만 특이한 용례입니다.화살표 함수에 반환하는 자리에 괄호로 반환하는 값만 아니라 할당하는 문장을 작성도 가능했습니다. 그리고 새로 만들고 참조할 객체를
Vim Macro
저는 백준 문제를 풀때 테스트 케이스를 작성하고 풀어봅니다.너의 평점은의 테스트 케이스를 작성할 때 Vim Macro로 작성했습니다.q는 매크로를 등록합니다. 저는 Vim 초보라 그냥 a라고 등록했습니다.단어 시작은 w 단어 끝은 e로 이동합니다. i는 이전 a는 글자
HashTable
배열의 fill 메서드는 원시형만 대입하자.push를 여러 배열에 순회하면서 추가되는 문제가 발생했습니다.타입스크립트로 HashTable을 만들고 있었습니다. 이 테스트 케이스를 통과시키려고 했습니다.콘솔에서 받은 피드백이 이거였습니다. set 메서드를 사용하면 사이드
원티드 프리온보딩 과제 - 9일차
오늘 중간에 난수를 id로 만들기 위해 찾아보던 중에 발견한 방법이었습니다. 하지만 코드에 반영하지 않았습니다.CRUD를 구현할 수 있지만 문제가 있습니다. 리랜더링 문제입니다. 너무 많습니다.다른 문제는 버그가 있습니다. 삭제를 하면 check가 밀려납니다. 왜 발생
원티드 프리온보딩 과제 - 8일차
ButtonHTMLAttributes<HTMLButtonElement>\["type"]이렇게 하면 "button" | "submit" | "reset" | undefined으로 타입을 지정할 수 있습니다. 대충 하드코딩할 수 있었지만 코드 퀄리티가 중요한 작업인만
원티드 프리온보딩 과제 - 6일차
Axios를 설치하고 통신 테스트를 시작하면서 문제가 발생했습니다. 이런 에러메시지를 받았습니다."Cannot use import statement outside a module" with Axios해결하기 전 여기까지 검색했습니다. 생각보다 많은 사람들이 문제로 생각
원티드 프리온보딩 과제 - 3일차
useInput 학원에서 포폴 만들 때 사용했던 custom hook을 개선했습니다. 이전보다 typesafe하게 사용할 수 있게 되었습니다. 다시 자동완성 뽕맛에 취할 수 있습니다. 조건부 타입 @example
원티드 프리온보딩 과제 1, 2일차
github에 이런 저런 설정을 해뒀습니다. 위키 페이지를 작성했습니다. 커밋할 때 게으르게 스니펫을 활용할 것입니다. 브랜치명도 스니펫을 남겼습니다. 2일전 아마 금요일에 README.md가 변경되었습니다. 다행이 직접 구현과 관련없는 라이브러
면접스터디 - 10일차
간단한 대답은 <ul></ul> 혹은 <ol></ol> 태그로 목록임을 알려주고 자식태그로 <li></li>는 개별 항목이라 알려주자는 합의 때문에 그렇습니다. 웹 접근성을 제공하기 위해 활용합니다. <ul></ul>은 uno
면접스터디 - 9일차
기업 차원에서는 SEO의 우위를 위해 필요합니다. SEO에 더 유리한 이유는 브라우저 정책상 시멘틱 태그를 잘 활용할 때 더 높은 점수를 부여합니다. 또 스크린 리더입장에서는 콘텐츠 유형과 의미를 유추하기 더 쉬워져 웹 접근성을 높일 수 있습니다. 또 프로그래머가 마크
면접스터디 - 8일차
순수함수란 언제든 몇 번이든 실행해도 결과가 같은 함수를 의미합니다. 순수함수는 함수 외부의 영향을 받지않고 또 영향을 주지도 않습니다. 순수함수는 주로 계산만 할 때 활용합니다. 인자는 자유롭게 바뀌어도 문제가 없습니다. 인자가 동일하면 반환도 동일해야 합니다. 즉
면접스터디 - 7일차
가장 많이 useRef를 사용했던 경우는 JSX에서 DOM을 선택하는 경우였습니다. hook의 본래 의도는 아닙니다. 하지만 많이 사용하면서 정착하게 되었습니다.리액트의 라이프사이클의 영향을 받지 않고 값을 저장해야 할 때 활용합니다. 즉 값이 Props, State가
면접 스터디 - 6일차
답변일자: 2023.04.03.require는 commonJS A.K.A. CJS로 es6이전 혹은 node.js에서 모듈을 가져올 때 사용하는 문법입니다.import는 ES module A.K.A. ESM으로 es6 문법을 지원하고 주로 브라우저에서 많이 활용합니다.
면접스터디-5일차
this는 호출하는 객체에 따라 달라집니다. 자바스크립트는 프로토타입 기반 언어입니다. 모든 것이 프로토타입입니다. 모든 것이 프로타입이기 때문에 모든 함수는 사실 메서드입니다. 문법을 보면 단순히 함수를 실행한 것 같지만 전역객체의 메서드로서 실행된다는 것이 생략되어