개발자 블로그 다른 곳보다 10원이라도 비싸면 100% 환불

설치 npx install create-react-app [설치할 폴더] 이 명령어만으로 Webpack, Babel 등을 설치 할 필요 없이 한번에 리액트 개발 세팅을 해줌 리액트 동작 index.html ... 리액트는 실행시, 작성한 모든 react application (html css js)을 안에서 동작시킨다. Component Component는 HTML을 반환하는 함수. JSX는 JS안의 HTML App.js의 Component function App() { return ( Heloo!!!! ); } index.js에서의 App() Component사용 ReactDOM.render( , document.getElementById('root') ); 새로운 Component 만들기 Potato..

keybindings.json에서 { "key": "alt+`", "command": "workbench.action.terminal.sendSequence", "args": { "text": "cd \"${fileDirname}\"\u000D" } } 위 코드를 추가하면 알트 + ` 버튼으로 경로가 바뀜. ${fileDirname} : 파일 경로 \u000D : 엔터키 입력

Node.js 한글 깨짐 res.writeHead(200, {'Content-Type': 'text/html;charset=UTF-8'}); 동기 & 비동기 Sync가 있으면 동기, 없으면 비동기 방식 차이 //Sync 동기 console.log(1); var data = fs.readFileSync(__dirname + '/index.html', { encoding: 'utf8' }); console.log(data); console.log(2); // console.log(1)으로 1이 출력된 후 // fs.readFileSync 함수가 완전히 실행 된 뒤 // console.log(2) 2가 출력됨 // 동기방식은 전 코드의 실행이 끝나기 전엔 다음 코드로 넘어가지 않는다. // Async 비동기 ..

mongoose 설치 npm i mongoose --save 사용 // 단일 DB연결 var mongoose = require('mongoose'); // mongoose 5 버전이상 사용시 { useNewUrlParser } 가 없으면 경고메세지가 뜸. mongoose.connect('mongodb://localhost/goormdb', { useNewUrlParser }); 단 하나의 DB만 사용할때만 유효. mongoose.connect() 재호출시 원래 연결은 끊김. goormdb라는 db가 없으면 자동으로 생성됨. // 여러 DB 연결 var mongoose = require('mongoose'); var connection1 = mongoose.cre..

Error [Express, Mongoose] # Error [ERR_HTTP_HEADERS_SENT]: Cannot set headers after they are sent to the client 한 라우터(app.get('/')) 요청에 다수의 응답(res.send() 등)이 보내져서 발생하는 에러.

[npm] https://www.npmjs.com/ 사용법 terminal에서 모듈을 설치하려는 경로로 이동 후을 입력해 패키지 설정 파일(package.json)을 생성한다. npm init 모듈 설치할때 global & local 설정-g를 붙이면 global 안붙이면 local. global로 설정하면 해당 컴퓨터 전역에서 사용할 수 있는 독립적인 소프트웨어로 설치가 된다. local로 설정하면 해당 패키지의 프로젝트 안에서만 사용이 가능. npm install uglifiyjs -g 설치할 모듈을 자동으로 package.json의 dependencies에 등록하기--save를 추가한다. npm install underscore --save 명령어 참조 file:///C:/Program%20File..

뷰 바인딩 안드로이드 스튜디오가 업데이트되면서 코틀린의 바인딩 기능을 더이상 지원하지 않으므로 안드로이드의 뷰 바인딩 기능을 활성화 해서 사용한다. build.gradle 파일 열기 코드 입력 후 Sync Now buildFeatures { viewBinding = true } 액티비티 메인 바인딩을 만들고 뷰바인딩에 연결 하면 설정 끝. activityMainBinding.(가져오려는 View의 id).setText ~~ 식으로 사용하면 된다. bingding 전역변수 생성 클래스의 필드에 private lateinit var binding: ActivityMainBinding 이렇게 생성해주면 onClick 메소드에서도 사용 가능하다. class MainActivity : AppCompatActivi..

# 다운링크 github.com/microsoft/PowerToys/releases/ Releases · microsoft/PowerToys Windows system utilities to maximize productivity. Contribute to microsoft/PowerToys development by creating an account on GitHub. github.com PowerToysSetup-0.35.0-x64.exe 클릭해서 다운 후 설치 # 기능들 1. Color Picker 단축키로 실행해 화면의 색상코드를 바로 확인 할 수 있다. 2. FancyZones Win + 방향키로 가능한 화면분할 기능의 레이아웃을 임의로 변경할 수 있다. 3. 파일 탐색기 추가 기능 SVG 아..

# 에러 전문 \activate.ps1 : 이 시스템에서 스크립트를 실행할 수 없으므로 \venv\Scripts\activate.ps1 파일을 로드할 수 없습니다. # 해결방법 Powershell을 관리자 권한으로 실행 Set-ExecutionPolicy Unrestricted 입력 후 Y 이제 vscode에서 teminal을 돌려도 에러가 뜨지 않는다. # 참조 https://stackoverflow.com/a/18713789

# File - Prederences - Settings # "exclude" 검색 - Add Pattern # 패턴 입력 # abc 폴더 제외 : abc/ # abc폴더 안의 .dbc 확장자 파일 제외 : abc/*.dbc # 모든 디렉토리의 abc확장자 파일 제외 : **/*.abc # abc폴더 안의 ttt라는 이름의 파일을 확장자 상관없이 제외 : abc/ttt.* # 전체 제외 : **/*