분류 전체보기 242

VScode에서 svn

1. svn 설치 https://tortoisesvn.net/downloads.html Downloads · TortoiseSVN download TortoiseSVN tortoisesvn.net 2. vscode에서 svn 설치 3. vscode의 product.json 파일 열기 기본 위치는 아래와 같고 C:\Users\사용자계정이름\AppData\Local\Programs\Microsoft VS Code\resources\app 만약에 모르겠으면 그냥 얘한테 오른쪽 마우스 클릭 - 파일 위치 열기 - resources - app에 들어가면 된다. 5. 파일 수정 extensionAllowedProposedApi 검색한 뒤 맨 아래에 쓰고 저장 "johnstonecode.svn-scm" 6. vsco..

카테고리 없음 2021.07.21

form 태그 안에서 button에 각각 action 넣기

예를들어 이것처럼 한 form안에 추가하기/수정하기와 같은 각각 다른 행동을 해야하는 경우 어떻게 해줘야할지 모르겠어서 찾아보다가 발견함. 추가하기 수정하기 이렇게 작성하면 된다. --------------------------------- 1. 원래 코드 추가하기 수정하기 이렇게 되어있다보니 무슨 button을 누르든 /add에 대한 내용으로 처리됨. 2. action 지우고 location 추가 추가하기 수정하기 그랬더니 저렇게 에러가 뜸. /add로 페이지가 가지도 않음. 3. type을 변경 추가하기 수정하기 안가면 type을 바꿔달라길래 submit에서 button으로 바꿔줬더니 url은 /add로 이동하는데 여전히 에러가 뜸. 참고한 곳 https://kutar37.tistory.com/ent..

Javascript 2021.07.20

mongoDB의 데이터를 index.html에 불러오기

1. ejs 설치 npm i ejs 2. ejs파일 생성 views > index.ejs 생성해줌. 여기에 index.html파일을 그대로 내용복붙하고 index.html은 삭제. 3. server.js 수정 const ejs = require('ejs'); app.get('/', (req, res) => res.render('index')); // app.get('/', (req, res) => res.sendFile(__dirname + '/index.html')) // 원래 index.html 쓸 때는 이렇게 써뒀었음 여기까지 하면 index.ejs가 로딩되어서 잘 나온다. 4. server.js 수정 app.get('/', (req, res) => { userSchemas.find({}, (err..

카테고리 없음 2021.07.19

닷홈 리액트 프로젝트 호스팅/배포

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폴더가 생겼을텐데,..

react 2021.06.30

index.html 데이터를 mongoDB에 넣기

※ 이 포스팅은 내용이 추가될 수 있음. ------------------- 조건 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..

나머지_개발 2021.06.21

꿀팁이나 기억해둘 것

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' 이런식으로 변경할 때 쓰는 것 같고, 특정 수치를 구할때는..

Javascript 2021.06.08

👾한번 해봄 시리즈👾 mongoDB를 배워보자

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

👾한번 해봄 시리즈👾 REST API 혹은 mongoDB 활용전 기본과정

👾한번 해봄 시리즈👾 =할건 따로있는데 한번 손대고싶어서 일단 찍어먹어보는 시리즈 ------------------------------ 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..

html에 json파일 넣어서 데이터 불러오기

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..

Javascript 2021.04.16