개인코딩개발공장

vue create frontend 로 프론트앤드 만들기 # 1 app.vue 세팅 import Ground from "./components/Ground.vue"; export default { components: { Ground, } } 그라운드라는 컴포넌트로 세팅. # 2 component/ground.vue 세팅 import Header from './Header.vue' import Footer from './Footer.vue' import Memo from './Memo.vue' export default { name: "Ground", components: { Header, Footer, Memo } } 헤더, 푸터, 그리고 메인인 memo로 나눔. # component/header세팅 ..

보호되어 있는 글입니다.

개념을 다시 잡기위해 다시 포스팅 해본다. async함수가 프로미스를 리턴하는데 프로미스는 resolve로 데이터를 보내고 .then에서 그 데이터를 쓸 수 있다. 근데 async는 프로미스를 리턴하는데 앞선 delay함수 예시에서는 직접 만든 프로미스를 리턴해버렸다... 그래서 async함수에서 가공한 데이터는 어떻게 resolve하는지 헷갈렸다. # delay함수 async function delay(ms){ return new Promise((resolve, reject)=>{ setTimeout(()=>{resolve()},ms) }) } 앞서 예시로 배운 delay함수이다. 리턴으로 직접적으로 promise를 해준다. async function delay(ms){ return new Promis..

브랜치는 원래있던 코드의 복사본을 만들어서 복사본에 코드수정해서 에러있으면 그냥 복사본만 지우면 됨 에러없으면 원본에 덮음 ## branch 1. git branch 이름 2. git status으로 현재 브랜치 확인함. 3. 그다음 파일 지지고 볶고 하세요. 난 coupon.txt파일 만들어줬음 4. git add . , git commit -m 머머 5. git switch main 하면 원래 브런치로 이동함. 만들었던 coupon.txt파일이 없어짐 ## 브랜치 합치기 merge 1. 먼저 기준 브랜치로 이동. 여기선 main 2. git merge coupon 여기서 중요한건 만약 main브랜치에서 같은파일 예를들어 app.txt를 수정하고 coupon브랜치에서 같은파일 app.txt를 같은줄을 ..

# 폴더를 깃으로 관리하자 그 폴더 가서 git init치면 됨 # 깃에 파일 넘기기 git add 파일명 # 깃에 파일 현재시점 저장하기 (버전생성) 둘다 add commit다 해야함. 먼저 add로 파일 고르고 , commit으로 기록해주세요~ 작업폴더 ---git add---> staging area ---git commit---> repository(저장소) #파일 여러개 하려고하면 git add app.txt app2.txt 모든 파일은 git add . # git status (상태확인) 어떤파일이 수정됐고 이런게 뜸 # git log --all --oneline 커밋한 내역 알려줌. 메세지와함께 ## vs코드 깃 내장기능 파일을 수정했음. 왼쪽 탭에 깃클릭해서 작업트리 변경전 변경후 볼 수 ..

보호되어 있는 글입니다.

## 애니메이션 원하는 html을 transition으로 감싸줌. 감싼후 이름을 정해줌(내맘대루) 스타일태그에 가서 .fade-enter-from{ opacity: 0; } .fade-enter-active{ transition: all 0.5s; } .fade-enter-to{ opacity: 1; } 이렇게 작명-머머머머-머머머머 이 세개 만들어주고 from에는 나타나기전, to에는 나타난 후, active에는 transition속성으로 걸리는시간. 사라지는건 enter대신 leave쓰면됨 .fade-leave-from{ opacity: 1; } .fade-leave-active{ transition: all 0.5s; } .fade-leave-to{ opacity: 0; } 난 그냥 css로하는건 ..

# 인풋창에 입력한 값 Month : {{monthChosen}} 개월 선택할거야? {{monthChosen * products[now].price }}원 인풋값에 입력한값은 monthChosen이란 데이터값에 저장된다. 그리고 데이터에 data(){ return{ monthChosen : 1, dataa : '', } }, 이렇게 monthChosen은 기본값 1로 해놨다. 그리고 p태그들 안에서 데이터를 사용하면 된다. # 축약버전 {{dataa}} dataa라는 키값에 인풋값을 자동으로 저장해줌. v-model.number하면 받은 인풋값을 숫자로 저장해줌. ## watcher사용 (인풋값 감시) monthChosen의 인풋값에 숫자만 와야함. data(){ return{ monthChosen : ..

# 데이터 입력 insert into nodejs.users (name, age, married, comment) values ('one', 20, 0, 'introduce myself one'); 이렇게 데이터 입력하면 입력됨 id는 알아서 생겨서.. create_at도 자동으로 now()해놔서 알아서 생김. 근데 여기서 만약 중복된값을 적었을때 id는 auto_increment가 작용해서 오류뜬 코드에서도 상승되어버린다. 예를들어 이렇게 123 유저를 만들었다. 여기서 3유저 코드를 세번 insert해보자. 에러코드가 뜨면서 name컬럼에 중복값이 있다고 세번 거부됬다. 그럼 여기서 four유저를 넣어보자. four유저가 들어갔는데 id값이 7이 됬다. 즉 아까 오류가 세번 뜨면서 인덱싱은 4,5,6..

### 데이터베이스 만들기 여긴 워크벤치에선 안가르쳐줌.. 걍 cmd에서 C:\Program Files\MySQL\MySQL Server 8.0\bin경로로 가서 mysql -h localhost -u root -p 입력 비번치고 들어가~ mysql실행되면 CREATE SCHEMA 'nodejs' DEFAULT CHARACTER SET utf8; 치면 nodejs db가 만들어짐. ### 워크벤치에서 테이블 만들기 이렇게 데이터베이스 우클릭하면 create table을 할 수 있다. 각각 컬럼이랑 데이터타입등을 정해줄수 있다. 속성은 아래에 적을게~ **워크벤치에 쿼리문 사용시에 쿼리문 쓰고 새로고침해야 쿼리문 적용된 테이블이 나온다 쿼리문 안쓰고는 새로고침 안해도 알아서 되는듯. sqlite에서 고객정..