개인코딩개발공장

보호되어 있는 글입니다.

보호되어 있는 글입니다.

보호되어 있는 글입니다.

sqlite로 이미 쿼리문을 조금 익혀서 앱을 만들어봤지만, 전문적인 데이터베이스인 MYSQL사용법을 익히기 위해 시작해보았다. //쿼리문 입력 워크벤치에서 암호를 입력하고 클릭해서 접속한다. query에 쿼리를 입력한다. #1 SHOW DATABASES // CREATE DATABASE 이걸치면 현재 서버에 있는 데이터베이스들을 보여준다. CREATE DATABASE study_db default CHARACTER SET UTF8; 이걸 치면 데이터베이스를 만들어준다. 이렇게 난 study_db와 world데이터베이스를 만들어주었다. #2 테이블 CREATE TABLE city ( _id INT PRIMARY KEY AUTO_INCREMENT, name VARCHAR(32) NOT NULL, belon..

먼저 Modal.vue에서 props로 App.vue의 데이터를 가져왔다. 근데 props로 가져온 데이터는 수정을 할 수가 없음. 그럼 Modal.vue에서 App.vue의 데이터를 수정하고 싶을때는? custom event를 사용하자. Modal.vue 에서 App.vue에 메세지를 보내는것임. Lists.vue에서 {{ products.title }} 이건 제목으로 한거고.. App.vue에서 lists.vue에서 opanModal이라는 이벤트가 오면 modalStatus를 여기서 데이터도 전해질수 있는데 {{ products.title }} 이런식으로 원하는 데이터를 옆에 적고 보내면 $event로 데이터를 가져올수있음. 모달창 닫기버튼 Modal.vue close App,vue # 이미지 클릭으..

컴포넌트 쓰는 순서 #1 ~~~.vue파일을 만들어서 정리. 이렇게 파일 아무대나 갖다 만들어놓음. #2 ~~~.vue내용 및 export vue 템플릿( 꺽쇠 이렇게 원하는 데이터들을 갖다 붙여줌. 왼쪽은아무렇게 작명해도되고 오른쪽은 데이터 객체 키값 보통 둘다 똑같게씀. 난 Modal로 만들어봄. 그리고 Modal.vue에 가서 익스포트를 수정해줘야함. 이렇게 전해받을 데이터를 props키값 객체에 넣어줌. 이거 막만들다가 겁나복잡해질듯. 프롭스로 가져온 데이터는 수정을 못함!! 그래서 mdalStatus가 작동안됨. ## 컴포넌트 연습코드 # app.js import List from './Lists.vue' components: { Discount: Discount, //Discount, 걍 이렇..

예전에 배우다만 뷰js를 다시 시작하면서 그동안 배운것들을 다시 정리해본다. # 프로젝트 생성 시작하면서 cmd에서 프로젝트부터 만들자. 이전에 뷰 설치는 npm install -g @vue/cli로 하고 익스텐션 vetur, html css support, vue 3 snippets설치하고 시작한다. 프로젝트 만드는건 cmd에 vue create 프로젝트명, 그리고 vue3을 선택한다. 그리고 프로젝트 이름을 vs코드로 열고 시작하자. # 데이터바인딩 export default { name: 'App', components: { }, data() { return { modalStatus : 0, now : 0, menus: ['Home', 'Shop', 'About'], family: [ {name: ..

휴대폰에서 사용자의 정보를 가져오는 기능을 개발하려는데 보통은 노트북으로 공부하니까 이게 테스트를 어떻게 해야할지 몰랐다 그래서 이번엔 휴대폰으로 테스트 하는 방법을 찾아봤다. 일단 내 컴퓨터의 ip주소를 알아봐야한다. 커맨드에 ipconfig를 쳐서 아이피를 따오자. 여기서 IPv4주소를 쓰면된다. 그리고 서버 실행하고 휴대폰으로 저 IPv4주소:포트번호 이렇게 접속하면된다. 중요한건 집인터넷으로 휴대폰 와이파이를 연결해야한다.

# 라우터 넘기기 app.get('/',(req,res,next)=>{ res.sendFile(path.join(__dirname,'/index.html')); if(false){ next('route') }else{ next() } },(req, res)=>{ res.send('라우터1') }) app.get('/',(req,res,next)=>{ res.send('라우터 2') console.log('라우터 2') }) 먼저 슬레시로 들어가면 if 조건이 true 이면 next('route')가 있다. 그럼 라우터 1로 연결되는게아니라 라우터 2가 연결된다. 다음라우터라는 뜻이 밑에 연결된 미들웨어가 아니라 '다음라우터'라는 뜻이다 만약 조건이 false면 라우터 1로 연결되겠지. 이걸로 로그인한사람..

const cookieParser = require('cookie-parser'); const session = require('cookie-parser'); const dotenv = require('dotenv'); 이렇게 모듈들을 가져왔다. app.use(express.json()); app.use(express.urlencoded({extended : false})); app.use(cookieParser(process.env.COOKIE_SECRET)); app.use(session({ resave:false, saveUninitialized : false, secret: process.env.COOKIE_SECRET, cookie : { httpOnly : true, secure : false..