- 전체보기(55)
- TIL(51)
- JavaScript(27)
- React(15)
- 위코드(8)
- 리액트(7)
- CSS(7)
- game(6)
- typescript(5)
- 비동기(4)
- component(3)
- promise(3)
- Event(3)
- 타입스크립트(3)
- grid(2)
- 컴포넌트(2)
- tutorial(2)
- 전개구문(1)
- 토글(1)
- lifecycle(1)
- 객체(1)
- iterable(1)
- iterator(1)
- project(1)
- Accordion(1)
- callback(1)
- 라우팅(1)
- Spread Syntax(1)
- router(1)
- 라이프사이클(1)
- throttle(1)
- debounce(1)
- dotenv(1)
- await(1)
- 환경변수(1)
- async(1)
- node.js(1)
- event.currentTarget(1)
- class(1)
- 클론(1)
- API_KEY(1)
- 인스타그램(1)
- Flexbox(1)
- query(1)
- 자바스크립트(1)
- error(1)
- 기본타입(1)
- 생각(1)
- 회고록(1)
- For_In문(1)
- 동적라우팅(1)
- event.target(1)
- blockchain(1)
- instagram(1)
- commit(1)
- 커밋(1)
- State(1)
- axios(1)
- mysql(1)
- html(1)
- 스프레드연산자(1)
- callApi(1)
- 모달(1)
- localstorage(1)
- composedPath(1)
- www(1)
- modularization(1)
- basic(1)
- 모듈화(1)
- 클래스(1)
- 프로젝트(1)
- github(1)
- JSX(1)
- express(1)
- Props(1)
- 인생(1)
- WeCode(1)
- tip(1)
- redux(1)
- modal(1)
- emmet(1)
- git(1)
- routing(1)
- 깃헙(1)
- scss(1)
- object(1)
- think(1)
- ellipsis(1)
- lodash(1)
- 노드(1)
- http(1)
CSS | 넘치는 글 한 줄 혹은 여러줄로 줄이기
후기 박스를 작성하면서 말 줄임표를 쓰고 더보기 기능을 구현해야하는 일이 잦았다.그 CSS 속성에 대해 정리해본다.한 줄로 줄이기overflow 속성은 hidden으로 준다. 지금은 부모의 width 속성이 inherit되어 보이지 않지만 당연히 줄이고자 하는 div에
200926__CSS background image 비율 유지 확대
다음은 자바스크립트로 10장의 이미지를 랜덤으로 백그라운드 이미지로 넣어주는 상황이다. 따로 div를 생성하지 않고 바로 img 요소로 넣어주었다.이런 상황에서 창에 크기에 맞춰 이미지가 확대되고 축소되지만, 비율은 유지하고 싶다면?width와 height을 100%로
200911__CSS 실수하기 쉬운 부분
원하는 div에 z-index를 붙인다고 해서 order가 적용되지 않는다.element의 position 속성을 우선 설정 후,z-index를 설정해준다. 또한, 웹 페이지에 기본적으로 element마다 부여되는 stacking order에 의해서 z-index가 적
200909__CSS browser size setting
@media (max-height: 399px), (max-width: 599px)이 부분을 조정하여 height와 width의 최소, 최댓값을 설정할 수 있다.참고https://www.python2.net/questions-312014.htm
200908__CSS Layout: Grid (2)
justify-items, align-items로 위치 조정 가능place-items is a shortcutsplace-content 모든 사각형 다같이 적용place-items 각 사각형 하나하나에 어떤 걸 적용하는지에 관한 것auto-fill: for exact
200907__CSS Layout: Grid
grid-template-coloumsgrid-template-rowscolumn-gaprow-gapgapGrid-template-areas is so freaking coolRows and ColumnsCSS 선택자(Selector) :nth-child(), :nth
