킹바구니

github으로 하는건 많은데 예전에 닷홈으로 하려다가 실패한 적이 있었음. 근데 이번에 다시 도전하면서 우연히 알게 되어서 기록으로 남김. 1. 닷홈 로그인 나같은 경우 별도 폴더를 만들어서 진행. html > test 2. package.json에 입력 3. App.js에 입력 basename을 쓰면 된다. 이 부분을 안쓰면 나같은 경우 메인페이지 내용이 하나도 안떴었음. 4. 이미지 경로 수정 나같은 경우 이미지는 public > images 안에 넣어둬서 평소에 작업할 때는 "/images.img1.jpg" 이렇게 작업했었음. 그러나 밖에다 배포하려면 "/test/images.img1.jpg" 이 부분을 써줘야 함. 5. 빌드 npm run build 터미널에 입력하면 build폴더가 생겼을텐데,..

※ 이 포스팅은 내용이 추가될 수 있음. ------------------- 조건 server.js와 index.html은 같은 계층에 있음 ------------------- 7번까지 하고 오기 https://peamexx.tistory.com/92 👾한번 해봄 시리즈👾 REST API 혹은 mongoDB 활용전 기본과정 👾한번 해봄 시리즈👾 =할건 따로있는데 한번 손대고싶어서 일단 찍어먹어보는 시리즈 ------------------------------ 1. npm init 입력 2. npm i express mongoose 입력 express는 노드js 쉽게 쓸 수 있는.. peamexx.tistory.com 그리고 DB에 데이터넣기까지 해서 스키마 만들어놓기 https://peamexx.tist..

slice let text = '300px' //-200px, 1cm... text.slice(-text.length, -2); // 300 이렇게하면 뒤에서부터 두자리만 빼고 나머지를 가져올 수 있다. style.left, offsetHeight, clientHeight // let img = document.querySelector('img'); console.log(img.offsetHeight) // 154 console.log(img.clientHeight) // 150 console.log(window.getComputedStyle(img).height) // 150px style.left는 img.style.left = '100px' 이런식으로 변경할 때 쓰는 것 같고, 특정 수치를 구할때는..

👾한번 해봄 시리즈👾 =할건 따로있는데 한번 손대고싶어서 일단 찍어먹어보는 시리즈 ------------------------------ 기본 셋팅 및 활용법은 여기서 https://peamexx.tistory.com/92 ----------------------------------------- mongoDB에 데이터 넣기 1. 청사진 만들기 일단 user에 대한 DB를 만들어서 이메일주소, 이름, 비밀번호를 넣을 생각임. 이를 위해 기본 틀이 필요한데 schemas라는 폴더 생성 후 안에 userSchemas.js를 만들어준다. 2. userSchemas.js에 입력 const mongoose = require('mongoose'); const userSchema = mongoose.Schema({ ..

👾한번 해봄 시리즈👾 =할건 따로있는데 한번 손대고싶어서 일단 찍어먹어보는 시리즈 ------------------------------ 1. npm init 입력 2. npm i express mongoose 입력 express는 노드js 쉽게 쓸 수 있는 라이브러리임. 3. npm i --save-dev dotenv nodemon 입력 노드몬은 코드 수정할때마다 매번 서버 껐다켜기 귀찮으니까 코드 저장만 하면 알아서 서버 재시작 해줄 수 있는 서비스임. 4. server.js, .env, .gitignore 이렇게 3가지 파일 생성 특히 .gitignore에는 안에 이렇게 써주면 된다. 5. server.js에 기본 설정 입력 const express = require('express'); const..

1. 폴더에 json파일 저장 그런데 확장자는 .js로 저장해야함 ※엑셀파일을 json파일로 만들기 1. 엑셀파일 저장 후 아래 링크에서 불러오기 beautifytools.com/excel-to-json-converter.php 2. json 파일을 폴더에 저장 저장할때 확장자명을 .js로 저장 3. json파일에서 수정 및 export { "Sheet1": [ { "symbol": "AAVE", "name": "에이브" }, { "symbol": "ADA", "name": "에이다" }, { "symbol": "ADP", "name": "어댑터 토큰" } ] } 위에 있는 파일에서 export default [ { "symbol": "AAVE", "name": "에이브" }, { "symbol": "A..

기본

👾한번 해봄 시리즈👾 =할건 따로있는데 한번 손대고싶어서 일단 찍어먹어보는 시리즈 ------------------------------ 1. 터미널에서 설치 npm install expo-cli --global 그 동안에 안드로이드/아이폰에서 expo go 앱을 설치해둠. 2. 터미널에서 실행 expo init my-app 만약 빨간색 글씨로 expo : 이 스크립트를 실행할 수 없으므로... 가 나온다면 아래 링크대로 하면 바로 됨 jy-tblog.tistory.com/8 3. 터미널에서 폴더 바꿔주고 시작 cd my-app npm start npm start 눌렀는때 에러뜨면서 안되서 식겁했는데 폴더 경로 안바꿔서 그랬음^ㅗ^ 시작하면 터미널에 큐알코드가 뜨고 웹페이지도 하나 열림! 4. 메트로에서..

let red = { fruits: 'apple' }; let yellow = { fruits: 'banana' }; const say = function() { console.log(`${this.fruits} is good!`); }; // 각각의 object가 하나의 say를 쓰고 싶다면? 1. call say.call(red) // apple is good!; say.call(yellow) // banana is good!; 이렇게 쿨하게 가져다가 쓸 수 있다. 1-1) 만약 function에 인자가 있다면 let red = { fruits: 'apple' }; const say = function(country) { console.log(`${this.fruits}(from ${country})..

자바스크립트에서 this는 그 상황마다 가리키는 값이 다름. 1. window 2. 자기 자신 3. 앞에 붙은 object 4. ??? 이렇게 크게 3가지로 나뉨 1. 일반적인(global scope) 상황에서 this는 window를 가리킴. this.room = 'window table'; // 콘솔창에 this만 쳐도 자동으로 window가 출력. 2. object안에서 this는 자기 자신을 가리킴. this.table = 'window table'; let myRoom = { table: 'my table', }; console.log(this.table) // window table console.log(myRoom.table) // my table console.log(this.myRoom...