일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
- 타입좁히기
- click and drag
- returnType
- 타입선언
- Chart.js
- 누구나 자료구조와 알고리즘
- React.js
- 레이아웃쪼개기
- utilty type
- reactjs
- 티스토리꾸미기
- 개발콘텐츠
- 제네릭
- 커스텀
- 공통컴포넌트
- 반복줄이기
- CSS
- const 단언문
- 2022
- TSDoc
- 성능최적화
- 타입스크립트
- react
- NonNullable
- 폰트적용하기
- typescript
- vue.js
- 리액트
- JS console
- javascript
- Today
- Total
목록Something Useful/또 다른 정보 (44)
몽땅뚝딱 개발자
청크파일을 뜯어보자! ◽ npm webpack-bundle-analyzer Webpack plugin and CLI utility that represents bundle content as convenient interactive zoomable treemap. Latest version: 4.5.0, last published: 7 months ago. Start using webpack-bundle-analyzer in your project by running `npm i webpack-bundle-analyzer`. T www.npmjs.com ◽ 설치하기 npm install --save-dev cra-bundle-analyzer ◽ 실행하기 npx cra-bundle-analyzer ◽ 적용..
◽ 정의 prettier: 코드 정렬 도구 eslint: 코드 검사 도구 ◽ 설치하기 npm i -D eslint npm i -D prettier npm i -D eslint-plugin-prettier npm i -D eslint-config-prettier ◽ 설정파일 .prettierrc.json, .eslint.json 처럼 .json을 사용할 수도 있다. 📄 .prettierrc { "printWidth": 120, "tabWidth": 2, "singleQuote": true, "trailingComma": "all", "semi": true } 📄 .eslint { "extends": ["plugin:prettier/recommended", "react-app"] }
$ lsof -i tcp:9080; $ sudo kill -9 14310
◽ 툴바를 숨기는 경우 '#toolbar=0&navpanes=0&scrollbar=0'를 뒤에 추가한다. ◽ 출처 및 참조 Javascript - PDF 뷰어 처리하기(웹 페이지 pdf파일 읽기) 사실 단순한 pdf파일을 보이게만 하는건 몇몇 태그를 활용하여 쉽게 처리가 가능합니다. iframe IE를 제외하고 firefox, chrome, edge등 모두 정상적으로 뷰어 동작을 하는것을 볼 수 있습니다. IE에서는 myhappyman.tistory.com Hiding the toolbars surrounding an embedded pdf? Though I think the answer maybe in this other question's answer concerning the pdf specific..
한번도 직접 버전을 올려본적이 없고 누군가가 올려줬기 때문에 전혀 모르고 있었던 버전관리 방법... 정리해야지 생각만하고있었는데 드디어 정리하게 됐다. 버전관리 ◽ 버전 버전은 X.Y.Z 형태로, 예를 들어 1.9.0으로 표현할 수 있다. 각각의 위치는 주(主), 부(部), 수(修)이다. - 주(主, Major): 기존 버전과 호환되지 않게 API가 바뀌는 경우에 올린다. 주버전이 올라가면 부/수버전은 0으로 초기화 한다. - 부(部, Minor): 기존 버전과 호환되면서 새로운 기능을 추가하는 경우에 올린다. 기능 수정, 기능 추가 등이 해당된다. - 수(修, Patch): 잘못된 내부 기능을 고치거나 리팩토링 등의 수정 시에 올린다. 부버전이 올라가면 수버전은 반드시 0에서 시작해야 한다. ◽ 버전관..
◽ 차이점 로컬 스토리지(Local Storage)의 데이터는 사용자가 지우지 않는 이상 사라지지 않고 영속적이다. 세션 스토리지(Session Storage)의 데이터는 사용자가 윈도우나 브라우저 탭을 닫을 경우 사라진다. 출처 https://www.zerocho.com/category/HTML&DOM/post/5918515b1ed39f00182d3048
◽ SVG(Scalable Vector Graphics)란? 확장가능한 벡터 그래픽을 SVG라고 한다. 2차원 그래픽을 표현하기 위해 만들어진 XML파일 형식의 마크업 언어이다. ◽ SVG의 주요 속성 - 뷰박스(viewbox) 좌표와 가로, 세로의 비율을 결정하는 svg의 특성이다. viewBox="0 0 0 0"으로 사용할 수 있으며, 각 자리는 순서대로 x, y, width, heigth를 의미한다. 영화관에 비추는 영상이라고 생각하면 된다. - 뷰포트(viewport) svg의 가시영역으로 해당 요소의 너비와 높이를 의미한다. width="100px", height="100px"으로 사용할 수 있다. 영화관에서 스크린보다 큰 영상을 비추면 화면에 보이지 않게 되는 것 처럼 영화관의 스크린 영역이라..
◽ 반응형(RWD, Responsive Web Design) 반응형은 디바이스 기종에 상관없이 화면의 레이아웃을 구성하는 것이다. 미디어 쿼리를 사용하여 화면의 크기를 확인하고 유연한 이미지와 그리드를 사용한다. ◽ 적응형(AWD, Adaptive Web Design) 적응형은 접근한 디바이스에 딱 맞는 크기로 만드는 것이다. 디바이스 기종 별로 딱 맞는 최적화된 마크업으로 구성하여 디바이스에 맞는 최적의 성능을 가져올 수 있다. 출처 및 참고 TIL. 반응형 웹 vs 적응형 웹 근본적으로 웹사이트가 모바일 기기와 다양한 화면 크기에서 원활한 정보를 제공하여 더 나은 모바일 사용자 경험을 제공하기 위한 방법이다.그러나, 적응형 웹과 반응형 웹은 사이트 설계부터 velog.io 개인적으로 공부한 내용을 정..
◽ 웹서버(WEB)란? - HTTP 프로토콜을 통해 읽힐 수 있는 정적인 웹 리소스를 반환(처리) ex) HTML, 이미지, js 등 - Apache, tMax, WebtoB가 대표적인 예이다. ◽ 웹 어플리케이션 서버(WAS, Web Application Server)란? - DB에 접근하는 등의 동적인 웹 리소스를 반환(처리) ex) jsp, asp 등 - Tomcat, Jeus, tMax가 대표적인 예이다. ◽ 웹서버와 WAS를 분리하는 이유 - 분산처리를 위한 것이다. - 기능을 분리하여 서버 부하를 방지한다. - 물리적인 분리로 보안을 강화한다. - 여러 웹 어플리케이션을 하나의 웹 서버를 통해 서비스 가능하다. 출처 및 참조 왜 웹서버와 WAS를 분리하나요? [기본] WEB과 WAS의 차이 개..