[UI] vue.js 사용하기 (SCSS, CSS 입히기)

🙋🏻: React 쓰다가 vue를 사용하니까 어떄요? 🍊: 좋은데요? (Nuxt랑 같이 쓰슈) 🙋🏻: 올 ㅋ 그럼 앞으로도 Front 직무를 맡을 건가요? 🍊: 아닌데요? Nuxt를 이용하기 npm i --gloval yarn yarn self-update yarn -v //버전확인 yarn create nuxt-app 이 때는 yarn으로 했으나 이후로 npm 설치 : Project name: "frontend" : Programming language: "JavaScript" : Package manager: Npm : UI framework: "Vuetify.js" : Nuxt.js modules: (Press to select, to toggle all, to invert selection) : ..

• format_list_bulleted ETC
• · 2022. 3. 7.
• textsms

[번외] nodeJS의 CORS방식 허용하기

~ 라이브러리 복습중 ~ 🔹CORS Cross-Origin Resource Sharing 자신이 속하지 않은 도메인/프로토콜/포트에 있는 리소스를 요청하는 cross-origin HTTP요청 방식 웹사이트가 구동중인 domain과 동일한 domain에 자료를 요청&수신한다 ⇒ CORS아님 웹사이트가 구동중인 domain과 다른 domain에 자료를 요청&수신한다 ⇒ CORS 서버는 기본적으로 CORS방식을 제한한다 특정 서버 리소스에 다른 임의 웹 사이트들이 request를 보낸다면 악의적으로 특정 서버 세션을 탈취 가능성 존재 서버에 무리가는 행위를 야기할 가능성 존재 🔹Node.js로 CORS 방식 허용하기 1. 필요한 모듈 설치 npm install http express cors 2. 사용예제 작..

• format_list_bulleted ETC
• · 2022. 3. 3.
• textsms

[리팩토링] 1: backend와 Mysql 연동 확인

아니 그러니까 말이에요 제가, 로컬에서 도커 파일 만들고 깃으로 올려서 aws서버를 jupyter로 접속한 뒤 docker build를 했더니 화면이 멈춘 게 아니에요? 보니까 도커파일에 주석을 제 맘대로 적은 게 원인인 것 같았죠. 일단 build 행위를 멈추기 위해 서버를 재시작한다는 걸 인스턴스 종료를 해버린 게 아니에요? 다시 인스턴스 생성부터 해야겠죠. 그래서 다시 시작했어요. 그러다가 backend 파일을 구동시키려고 보니까 지금 진행하는게 도커를 쓰는 의미를 잃어버렸네요? 결론은. 어떻게 되었냐면요. 1️⃣ 리팩토링, backend>App.js 현재 파일 구조 ~ backend ~ 📁 config - 🗄️ config.js 📁 models - 🗄️ index.js - 🗄️🗄️🗄️🗄️🗄️🗄️🗄..

• format_list_bulleted ETC
• · 2022. 2. 2.
• textsms

[서버] 4: docker에 mysql컨테이너 만들기

1️⃣ MySQL 설치하기 docker의 실행중인 컨테이너를 모두 종료시키고 다시 하기 : docker ps -a. //목록 확인 : docker rm -f `docker ps -a -q` // 컨테이너 모두 강제로 삭제하기, 이미지는 남음 : docker rmi -f 'docker images' // 모든 이미지 삭제하기 docker images 설치하기 dockerHub엔 mysql 이미지가 이미 있으므로 바로 가져오자. : docker run -d -p 9876:3306 -e MYSQL_ROOT_PASSWORD=[mysql패스워드] mysql:5.6 서버 포트 9876과 mysql 기본포트인 3306을 매칭시킴 -e를 통해 환경변수로서 mysql의 패스워드를 설정함 설치할 mysql의 버전을 5.6..

• format_list_bulleted ETC
• · 2022. 2. 2.
• textsms

[서버] 3: AWS EC2에 Docker설치, dockerfile 테스트하기

1️⃣ Jupyter에서 Docker 설치 및 파일 생성 jupyter접속 후 apt 업데이트 : df -h //메모리 확인 : sudo apt update //apt 업데이트 apt를 이용하여 docker를 설치할 것이기 때문에, apt를 먼저 업데이트 시켰음 관련 툴 설치 후 docker 설치 : sudo apt install apt-transport-https : sudo apt install ca-certificates : sudo apt install curl : sudo apt install software-properties-common : curl -fsSl https:/download.docker.com/linux/ubuntu/gpg | sudo apt-key add - : sudo ad..

• format_list_bulleted ETC
• · 2022. 2. 2.
• textsms

[Git] Branch merge 오류 해결하기

1️⃣강제 커밋 push하는 법 git push origin ‘branchName’ —force 2️⃣ git branch 병합문제 해결하기 원격저장소에 Branch가 A와 B로 나뉘어있다고 가정하자. BranchA와 BranchB모두 파일 변경이 일어났으며, A가 먼저 원격저장소 master Branch에 병합이 되었다. 그 후, B에서 원격저장소에 push를 하려고 하면 merge 문제가 일어나게 된다. 따라서 원격저장소에서 변경된 사항을 B로 가져와야 한다. 원격 저장소에서 변경된 사항을 가져오기 git fetch origin git checkout [브런치명] git pull origin develop //여기서 rebase에 대한 옵션을 설정해달라는 문구 나타남 힌트: You can do so ..

• format_list_bulleted Error...
• · 2022. 2. 1.
• textsms