- 전체보기(43)
- React(6)
- git(5)
- CRA(3)
- node.js(3)
- CSS(3)
- ESLint(3)
- next.js(3)
- Sass(2)
- formatting(2)
- import(2)
- typescript(2)
- Prettier(2)
- moment.js(2)
- npm(2)
- mac(2)
- JavaScript(2)
- scss(2)
- exports(1)
- UIUX(1)
- craco(1)
- material ui(1)
- git flow(1)
- pug(1)
- mongodb(1)
- require(1)
- debugging(1)
- nvm(1)
- design(1)
- html(1)
- Expo(1)
- version(1)
- react native(1)
- comma(1)
- icon(1)
- express(1)
- IIFE(1)
- babel(1)
- time(1)
- PR(1)
- vscode(1)
- search(1)
- mixin(1)
- hooks(1)
- Absolute Path(1)
- sourcetree(1)
- optimization(1)
- yarn(1)
- nodemon(1)
- react-icons(1)
- CommonJS(1)
- input(1)
- package.json(1)
- mongoose(1)
Package Manager 경로 변경
`npm <npm command> --prefix <path>` `yarn --cwd <path> <yarn command>`
JavaScript set object key by variable [duplicate]
https://stackoverflow.com/questions/11508463/javascript-set-object-key-by-variable
Type annotation for object with unknown properties but known property types?
https://github.com/microsoft/TypeScript/issues/7803
input tag serach styling
저는 이 튜토리얼에서 검색의 기본 폼을 꾸미는 방법에 대해 살펴보려 합니다. 전혀 허튼짓을 하지 않습니다. 다만 CSS transition을 적용해 검색 입력 영역을 멋지게 만드는 방법 4가지를 개별적으로 알아보겠습니다.
You don't (may not) need Moment.js
Moment.js is a fantastic time & date library with lots of great features and utilities. However, if you are working on a performance sensitive web app
와이어프레임이란 무엇이며, 어떻게 만드는가? (What Are Wireframes, and How Do I Make Them?)
큰 그림, 와이어프레임은 애플리케이션의 프로토타입입니다. 페이지상에 어떤 내용이 실릴지 보여주는 거친 목업이지만, 세부적인 색상, 그래픽 디자인, 미묘한 모양은 아닙니다.
디터 람스의 디자인 10계명
디터 람스는 동료 디자이너들과 함께 디자인의 본질을 열 가지로 정리해놓았다. 이는 결코 불변의 법칙이나 기준이 아닌 ‘자세’에 대한 것이다. 그는 좋은 디자인의 조건은 기술이나 문화와 마찬가지로 계속 발전할 수 있다고 말한다.
react-icons, icon
Include popular icons in your React projects easly with react-icons
jsconfig.json
파일이 열려있지 않아도 Auto import를 활성화 시키려면 프로젝트 최상위 디렉토리에 jsconfig.json 파일을 만들고 아래와 같이 작성해준다.또는 ctrl + space를 눌러서 자동완성으로 입력해준다.