여기저기 이것저것

자동줄맞춤 확장 프로그램 - beautify 1. 왼쪽 사이드바쪽 확장프로그램에서 beautify 검색 후 설치한다. 2. 기능 기여도 > 이름(HookyQR.beautify)를 복사 한다. 3. ctrl + shift + p 를 불러 '바로 가기'를 검색하여 '기본 설정: 바로 가기 키 열기' 연다 4. Beautify selection의 키 바인딩을 더블클릭하여 원하는 키를 넣는다(나는 ctrl + shift + f로 함) 5. test - 원하는 영역 블럭지정 후 바인딩한 키를 누른다. 끝.

나 하나도 몰랐었네? 공부해야 할 것 엄청 많이 생겼다... 최근 aws보면서 대단하다고 생각했었는데.. 네이버에도 대단한게 있었네.. 한눈에 보고 싶어서 캡쳐했는데 서비스들이 상당히 많은 것 같다.. aws보다 한글이라 정이가는건지는 모르겠는데 시간날때 하나씩 파악해봐야겠다. Compute / Containers / Storage Networking / Database / Security AI Services / Application Services / Big Data & Analytics Blockchain / Business Applications / Content Delivery Developer Tools / Gaming / Global Infrastructure Hybrid & Private ..

1. Setting > Build, Execution, Deployment > Compiler - Build Project Automatically 체크 2. Setting > Advanced Settings - Allow auto-make to start even if developed application 체크 (Registry에서 compiler.automake.allow.when.app.running가 없을때)

ES6의 전개연산자(...)를 통해서 array나 object 연산을 쉽게 할 수 있다. 전개연산자는 react보단 ES6문법. 매번 배열이나 오브젝트 연산시 선언하고 하나씩 뽑고 힘들게 했었는데, 전개연산자를 좀 더 간단, 간편, 수월할것 같다. ES5에 너무 익숙해져 있어서 쉽게 쓸 수 있을지.. 콘솔에서 찍어보니 신기하긴한데.. 시대에 뒤쳐진것 같아서 뭔가 씁쓸하네..ㅎㅎ

예전(ES5)에는 변수는 var로 선언해서 사용하였는데, ES6에서는 var의 단점을 보완하기 위해 let과 const가 추가됐다. var는 선언이 이미 되어있더라도 선언하여 변수 할당이 가능함에 따라 프로젝트에서 동일한 변수를 선언해서 사용하게되면 디버깅이 쉽지 않겠지.. let은 중복선언 불가. const는 다른언어랑 마찬가지고 선언과 동시에 변수 할당.

react의 생명주기란 component의 생성, 변경, 소멸 과정을 뜻한다. 생성 render(), constructor(), getDerivedStateFormProps(), componentDidMount() 변경 shouldComponentUpdate() import React,{Component} from "react"; class ComponentTest extends Component{ /* 1. 첫번째로 실행됨. 최초 1회. */ constructor(props){ super(props); this.state={}; console.log("1. constructor log"); } /* 2. 두번째로 실행 됨. */ static getDerivedStateFromProps(props,sta..

Download Git Client https://git-scm.com/downloads Git - Downloads Downloads macOS Windows Linux/Unix Older releases are available and the Git source repository is on GitHub. GUI Clients Git comes with built-in GUI tools (git-gui, gitk), but there are several third-party tools for users looking for a platform-specific exp git-scm.com GitHub 가입 https://github.com/ GitHub: Where the world builds so..

웹페이지 만들 때, 메모장에다가 매번 일일이 다 썼었는데, 너무 편하다. 자동완성 후 lang="en"만 lang="ko"로 바꿔주면 될 듯 한데.. 저것조차 ko로 바로 나오게 하는 방법은 없으려나..

부모에 적용된 스타일이 자식에게 적용되는 현상 부모태그의 속성을 자식태그에서 상속받은 결과. 모든속성들이 상속되는 건 아니고, 아래의 사이트에서 inherited? 가 yes인 것들만 상속된다. https://www.w3.org/TR/CSS21/propidx Full property table www.w3.org

VSCode를 몇일 안써봤지만, 대단한 것 같다. 기대된다. 생산성을 엄청 향상 시키는 확장프로그램이 많아보인다. 책이나 블러그에 나오는 주요한 확장프로그램을 아래와 같이 설치해보았다. ( 화면단 공부 시작....) 아래는 프로그램과 제작자명이다. Auto Rename Tag / Jun Han Code Runner / Jun Han HTML CSS Support / ecmel HTML to CSS autocompletion / solnurkarim Live Server / Ritwick Dey 설치방법은 ctrl + shift + x 눌러서 확장프로그램 검색페이지로 들어가거나 사각형 4개짜리를 누르고 검색 후 설치만 하면 된다. 아주 간단하다. 2022.03.18 - [개발/툴] - [VSCode] 단축..