몽땅뚝딱 개발자

New Year Gift - Curated List of Top 75 LeetCode Questions to Save Your Time New Year Gift to every fellow time-constrained engineer out there looking for a job, here's a list of the best LeetCode questions that teach you core concepts and techniques for each category/type of problems! Many other LeetCode questions are a mash... www.teamblind.com

스크럼의 개요 ◽ 스크럼이란? 스크럼이란 사람과 팀, 조직이 복잡한 문제에 대해 적응할 수 있는 해법을 활용하여 가치를 창출하는 프레임워크이다. 키워드: #경험주의 ◽ 스크럼의 기둥: 투명성, 점검, 적응 | 투명성 | 업무를 실행하거나 일의 결과물을 받는 사람들에게 신규 업무 프로세스와 일이 무엇인지는 반드시 가시적이어야 한다. 스크럼은 공식적인 산출물을 이해하고 그것을 기반으로 중요한 결정을 내리기때문에 투명성이 낮은 상태에서의 의사결정은 가치를 떨어뜨리고 리스크를 높인다. | 점검 | 바람직하지 않은 변화와 문제점을 발견하기 위해서는 스크럼 산출물과 달성하기로 한 목표에 대한 진척을 자주 부지런하게 점검해야한다. 점검한 것을 바탕으로 적응할 수 있다. | 적응 | 팀이 어떤 것을 조정하고, 조정한 ..

◽ 마크다운(Markdown)이란? 언어이며 쉽게 쓰고 읽을 수 있고 HTML로 변환이 가능하다. 간단한 구조의 문법을 사용하여 접근성이 좋다. ex) REAEME.md 파일 등

청크파일을 뜯어보자! ◽ 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"으로 사용할 수 있다. 영화관에서 스크린보다 큰 영상을 비추면 화면에 보이지 않게 되는 것 처럼 영화관의 스크린 영역이라..