전체 글 (43) 썸네일형 리스트형 User 서버 구축하기 저번 User 서버 구성하기 흐름을 토대로 팀프로젝트 SignIn, SignUp 부분을 작성하고 수정하였다. 여기서 두 가지 큰 차이점과 걸림돌에 막혔는데 1. redux를 사용할 것인지에 대한 여부2. 팀프로젝트에서의 사이트에서는 회원가입 시 훨씬 더 많은 정보를 입력해야 하고 그 중 입력할 때의 데이터와 실제로 userSchema에 저장 되는 정보의 창기 있다. 이 때 데이터를 전달할 때 모두 전달을 해줘야 하는 것이지 아니면 입력한 데이터만 넣어주면 되는 것인지에 대해 알아봐야 한다. 2번은 저번 포스팅에서 사용했던 todo 의 mongoDB를 하며 어떻게 판단할지 해결 할 수 있었다. 먼저 default로 스키마를 설정해 놓으면 default 값이 자동으로 입력 된다. 이에 해당하는 것이 pho.. User 서버 만들기 흐름 먼저 서버 단에서 node app.js 를 실행해준다. app.js 폴더를 보면 아래의 해당 코드들이 순서대로 실행 될 것이다. import express from 'express';import connect from './connect/connect.js';import cors from 'cors';import rootRouter from './routes/rootRouter.js';import bodyParser from 'body-parser'// 1. mongoDB 연결, connect 사용connect()// 2. 서버 실행const port = 8000;const app = express();// yarn add body-parser// bodyparserapp.use(bodyParser.j.. Git 협업 순서 [팀원 short ver.] ( 아래 순서대로 실행 시, 참고 : 개인 레포 : https://github.com/liahkimi/Test.git (별명 origin) 공용 레포 : https://github.com/JSfull-team1-Test/Test.git (별명 team) 개인 브랜치 이름 : test) 1. organization repository(공용 레포) fork하여 개인 레포 생성 2. > git clone https://github.com/liahkimi/Test.git . 3. > git remote -v 4. > git remote add team https://github.com/JSfull-team1-Test/Test.git5. > git remote -v 6. >.. Git 버전 관리 시스템원하는 시점(버전)으로 이동할 수 있으며,각 버전별로 여러 개발자가 협업할 수 있는 최적의 환경을 제공하는 시스템. SVN작업 내역 커밋 시 변경사항과 히스토리가 즉시 서버로 전송되기 때문에 관리가 용이하다.또한 간단한 설치와 사용방법으로 별도의 교육 없이도 초보자가 쉽게 사용할 수 있다. 하지만 항상 원격 저장소를 필요로 하며 서버 간 버전 관리가 힘들다. GitSVN이 가지고 있던 클라이언트와 서버 간의 버전 관리 문제를 많이 보완해준 시스템.서버 뿐만 아니라 로컬에서도 버전 관리가 가능하며, 로컬이 서버가 될 수 있고, 서버도 로컬이 될 수 있다. 브랜치(branch)라는 개념을 사용하여 개발자 마음대로로컬 환경에서도 커밋과 버전 관리가 가능하다. Git-HubGit으로 관리하는 .. Day 4 수학, 배열 1. 피자 나눠먹기(1) 여러 줄 쓰는 습관 고치기 [ 다른 사람 풀이 ]Math.ceil 함수 : 올림 처리한 정수 2. 피자 나눠먹기(2) React useState() React에서는 상태가 감지 되어야 리랜더링을 해준다. 그 기본 원칙을 잊지 말자! Sound.jsx import React, { useState } from 'react'; // React에서는 상태가 변하지 않는 이상 절대 변하지 않는다! // 상태가 먼저 변해야 한다. /* 1. 불변성의 원칙 : 홈페이지가 로딩 되면 바뀌면 안 된다. 어떤 값을 변경하고 싶으면 상태를 이용해서, 상태를 이용해서 변경 더욱 쉽게 쓸 수 있는 것들을 배울 것이지만 , 더 쉽다고 다 때력박으면 안된다. 이걸 왜 쓰지 , 목적에 맞게 사용해야 한다. props -> context -> redux */ const Sound = () => { // 강아지 버튼, 고양이 버튼 // 강아지 버튼을 눌렀을 때 강아지의 울음소리가 .. Git 오류 adding embedded git repository React를 배우며 학습 내용을 Git Hub에 올리려고 Git을 관리해주려고 하는데 이런 오류가 떴다. 먼저 폴더에 있는 모든 파일 정보를 출력해보았다. 찾아보니 작업하고 있는 하위 폴더인 study 폴더를 확인하니 .git이 이미 존재하고 있었다. 상위 폴더인workspace에 git을 만들어주려고 했는데 이미 그 하위 폴더인 study에 깃이 있어 겹친 것이다. 정확하게 해결책이 나와 있지는 않아서 고민해 보았는데 하나를 삭제하고 push하면 해결되지 않을까 싶었다. 그래서 workspace에 있는 git을 삭제하고 이미 있는 study에 있는 폴더에서 Git Bash를 열어서 작업해줬다. 그런데.. 다른 오류 발생 LF? CRLF? 가 무엇일까 이들은 줄을 바꾸는 방식을 의미한다. LF : Lin.. React 구조와 기본 동작 index.html 파일로 html파일이 한 개이다. 한 개의 html 파일 , 즉, 한 개의 뼈대로 그 속 안의 내용만 바꿔줄 것이다. 큰 구조를 파악해보려 한다. index.html파일의 id가 root인 div태그에 집중해보자. 설명도 읽어보면 해당 html파일은 템플릿이라는 설명을 하고 있다. index.js파일에서 line 7을 보면 document.getElementById('root'));을 통해 index.html파일에 있던 div태그를 가져온다. 쉽게 설명하자면 해당 태그를 가져온뒤 내용을 화면에 뿌려주는 형태로 이해하면 된다. div태그를 가져온 뒤 render라는 함수를 통해 App의 내용을 랜더링 해주는 것이라고 이해했다. App.js import "./App.css"; import.. 이전 1 2 3 4 ··· 6 다음
