일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
- vsCode
- 로그인
- 정리
- express
- PWA
- Git
- vue
- 토이프로젝트
- 셋팅
- database
- jwt
- extension
- 배포
- 신상마켓
- react-query
- AWS
- 뷰
- Firebase
- vuex
- Docker
- 기획
- javascript
- 프론트
- 회고록
- react
- login
- 플러그인
- vue login
- nginx
- plugin
- Today
- Total
목록전체 글 보기 (105)
강디너의 개발 일지
*준비물* Docker (Kitematic 포함), mysql workbench 1. 도커를 설치합니다..window 10 pro 버전이 아닐경우 잘 찾으셔서 다운 받으셔야 합니다. 2. docker 터미널에서 mysql을 찾아봅니다. docker search mysql OFFICIAL 항목에 OK 라고 표시되어있으면 공식이미지라는 뜻 입니다.그중 저는 mysql 을 다운받겠습니다. 2. mysql 내려 받기 docker pull mysql 3. mysql 이미지를 컨테이너로 만들어봅시다. docker run 에 대한 환경 변수 참고 사이트 - http://pyrasis.com/book/DockerForTheReallyImpatient/Chapter20/28 호스트의 3306포트와 컨테이너의 3306 포..
1. app.js 를 만들고 터미널에 npm init을 해줍니다. 2. npm init은 node package manager를 시작하는것입니다. *주의사항*entry point에 app.js 를 확인해주세요이건 app.js 라고 만들었기 때문입니다.나머지는 무시하셔도 됩니다. 3. package.json 이 잘 만들었는지 보시고scripts 부분에start : node app.js 를 쳐주세요이 의미는 npm start 명령어를 쳤을때 서버가 시작되게합니다. 4. express 를 설치해줍니다. 5. 우선 세팅을 여기까지 하겠습니다 !
Vue 로그인 페이지를 만들어보겠습니다. style 을 scss 를 사용하기 위해서 필요한 모듈인 sass-loader 를 설치해야합니다. npm install --save sass-loader 설치하면 scss를 컴파일 할 수 있습니다. 구조는 다음과 같이 만들겁니다. Templete 로그인 회원가입 로그인 회원가입 Admin User 취소 회원가입 템플릿에서 보실점은 form 에 v-on:submit.prevent="loginSubmit" 입니다. form 안에있는 button type="submit" 인 버튼을 누르면 loginSubmit 함수를 실행하라는 의미입니다. user_id와 user_pwd는 v-model로 설정해주어 나중에 로그인할 때 사용할 것입니다. v-if 로 회원가입버튼을 누르면..
프론트부터 배포까지 기획_v3 v_3 로그인은 JWT( JSON Web Token) 으로 회원 인증 구현 express는 docker의 mysql에 접근
Vue 2+ 와 Git 설치를 해보겠습니다. Vue 2+ 는 Vue 버전 2.~~ 입니다. 현재는 Vue 3 이 나왔으나 자료가 부족해서 이번 프로젝트에서는 사용하지 않습니다. Vue 를 설치하겠습니다. 윈도우 -> cmd 창맥 -> 터미널 창 npm install -g vue-cli -g 옵션은 vue-cli 를 어디서든지 사용하겠다고 정의하는 옵션입니다. vue init 옵션에 대해서 보겠습니다. Browserify - Browserify + vue 조합으로 hot-reload, ESLint, unit testing 지원 템플릿 Browerify-simple - Browserify + vue 조합 pwa - 프로그래시브 웹을 만들기 위한 세팅 simple - 하나의 index.html 생성 webpa..
프로젝트를 시작하면 셋팅이 필요하죠. 1. vue 버전을 확인해봅니다 (설치했다는 가정)저는 2.9.6 버전을 사용할겁니다.Vue 3 버전이 나왔으나 자료도 부족하고, 아직 개발하기에는 이르다고 생각해서 2+ 버전으로 사용합니다. 2. vue init 후 나오는 메시지들 입니다. 3. 프로젝트 만든거에 들어가고 git init 을 해줍니다.git init -> git 최초 생성 4. git remote add origin git 원격저장소가 어딘지 정해줍니다.그리고 전부 다 add 했습니다. 5. git commit 해주고 ~ 6. git push 도 해줍니다 ~ 초기 셋팅이 완료되었습니다.
vue를 nginx 와 연동하기 flask 를 배포했고.. 이제는 vue 를 배포해봤습니다. nginx 는 플라스크를 배포할때 설치했었고, 셋팅을 다 했다 라고 생각했으나, vue 랑 nginx 를 맞춰야하는 셋팅이 따로 있다는걸 깨닫고 얼른 구글링을...했습니다 ㅎㅎ vue 는 로컬에서 빌드하고 ftp 로 서버로 보냈습니다 (dist 파일 중요) 서버로 가서 nginx 의 설정을 건듭니다. vi /etc/nginx/con.f/이름 ! 저는 default 로 되어있는거 수정했는데 제생각으로는 파일 만들어서 하는거 같습니다.. 아마 ? maybe ?? default 파일에는 sever { 블라블라 ~~포트 : 80location / {root ~~index ~~} 되있었는데 이게 80 포트로 들어가면 ro..
flask 배포 삽질_완료 나름 배포 했어요 ~~ 라고 자랑을 했더니 지인분께서 그건 배포가 아니라 틀어 놓는거지 ... 라는 말씀에 나름 백그라운드 돌리고 틀어 놓으면 된다는 생각을 가진 멍청한 프론트 개발자 성공 2. python 을 실행시킬수 있도록 하는 ini 파일 -> 실패 실패 실패 실패.... -> 결국 성공uwsgi.ini 파일 설정을 찾기위해 깃 코드조각까지 찾아가며 결국 성공했습니다. 3. 그다음이 uwsgi.ini 파일을 서버가 꺼졌다가 켜져도 실행되게끔 하는 vi /etc/systemd/system/uwsgi.service 파일 만들고,설정하기 (위치 외워버림)설정도 많이 오류가 나서 결국 수정한것이 경로 잘 잡아주기 ! -> 성공 4. nginx 설정 -> 소켓으로 uwsgi 랑 ..
flask 배포까지의 삽질 ㅠ Flask ImportError: No Module Named Flask 이 오류.... 하아... python을 잘 모르다보니 생긴일 같기도 하고 엄청 삽질을 많이했다. 뷰로 만든 프론트와 flask 로 만든 백엔드를 서버에 배포하려고했는데.... flask 를 서버에 넣고 (py 파일 뿐만아니라 폴더 채로 넣었다) python3 flaskapp/flaskapp.py &
Vscode Extension (플러그인) 만들기_7 음... 어떻게하면 더 편하게 쓸수 있을까 생각하다가 어짜피 번역되서 나오는 값이 1개인데 굳이 선택하게 할 필요가 있을까 ? 라는 생각이 들어서 바로 번역되게 코딩을 해봤습니다.( + 카카오 API 허용량 넘으면 메시지 뜨게끔..) 바뀐점은translationText 함수가 editor 인수를 받게끔 해놨습니다.editor 를 밖으로 꺼내서 this 로 할려했는데 실패.. 그냥 함수를 실행할 때 editor 를 보내줍니다. translationText(editor); function translationText(editor: any) { console.log('-------testCode--------'); const src_lang = 'kr'; ..