노마드 day02 1. 모델 장고모델뷰ORM URL-뷰-모델-ORM-DB - url을 통해서 뷰에게 전달하면- view에서 function을 진행- 모델에게 전달하면- 모델은 디비 구성 환경 셋팅과 쓰고, 지우고, 등등 2. dajango > admin http://localhost:8000/admin/login/?next=/admin/ - 장고 어드민으로 들어감 3. 로그인- admin / d 세팅 -> 마이그레이션 -> admin 계정 -------------------------------------------------models를 통해서 장고는 variable를 데이터베이스 테이블로 변환시킨다->엑셀이래두?------------------------------------------------- modelsmode.. 더보기 노마드코더 day-1 expo->리액트 네이티브 수업 node.jsnpmyarnpython3pippipenvpostgres*mac user -> postgres app expo client-------------------------------------------- react native expo첫번째 서버 1. 서버2. 어플리케이션3. 데이터베이스 리눅스 > 애플서버: 하드드라이브 서버1. 컴퓨터이다.2. 거대하다3. 인터넷과 연결되어 있다.4. 리눅스로 운영5. 하드드라이브를 가지고 있음 어플리케이션1. 내가 작성한 코드2. 파이선, ROR, Node.js3. 항상 돌고 있어야 한다.4. 서버와 대화를 한다. 데이터베이스1. 에플리케이션을 통해서 데이터를 저장하고 가져올 수 있음2. 테이블, 행과 열 -> row 행 c.. 더보기 끄적 Hoc를 사용하여 코드 스플리팅 코드 스플리틍: 컴포넌트편 1. state에 기본값2. 클릭했을때 호출: setState3. 컴포넌트가 존재하면 보이기 1. state에 null 기본값2. 클릭했을때 state에 set3. 컴포넌트가 존재하면 보여주기: SpliteMe && 매번 state에 담기가 귀찮으니까Hoc을 사용 훅훅훅훅 Higher order component 주로 with~~~ 라고 지음withRequest 기본원리1. 파라미터로 컴포넌트를 받아오고2. 함수 내부에서 새로운 컴포넌트를 만든 다음3. 해당 컴포넌트 안에서 파라미터로 받아온 컴포넌트를 랜더링하는 것 코드스플리팅 함수 사용 해당 컴포넌트를 가지고 온다.state 기본값 null 작성가지고 온 컴포넌트가 있으면 setState있으면.. 더보기 [리액트를 다루는 기술] 20. blog 실습 1. 라이브러리 설치(1)- yarn add node-sass sass-loader classnames 2 config/paths.js module.exports = { globalStyles: resolveApp('src/styles')}; 3. webpack.config.dev.js { loader: require.resolve('sass-loader'), options:{ incluePaths:[paths.globalStyles] } } 4. webpack.config.prod.js { loader: require.resolve('sass-loader'), option:{ includePaths:[paths.globalStyles] } } 5. 라이브러리 설치(2)- yarn add react-ro.. 더보기 [리액트를 다루는 기술] 17. 코드 스플리팅 1. 실슬 - 라이브러리 분리 -> 비동기 랜덩링하기 -> 빌트 후 확인하기 - yarn eject 2. vendor 설정 - react, react-dom, redux, react-redux, styled-components등의 라이브러리 처럼 모든 페이지에서 하는 것은 따로 분리 3. 비동기적 코드 불러오기 - 원활하게 캐싱 할 수 있게 하는 작업- 페이지에서 필요한 코드들만 불러오려면 chunk를 생성해야함 - 비동기적으로 파일을 불러오려면 import를 코드 맨 위쪽에서 하는 것이 아니라, 특정함수 내부에서 작성해야함 page 396 ~ page 398 유실 - "파트너스 활동을 통해 일정액의 수수료를 제공받을 수 있음" 더보기 [리액트를 다루는 기술] 16. react-router로 SPA 개발 1. SPA - single page application - 클라이언트는 서버에서 컴포넌트 파일을 받고 원하는 페이지를 서버로 다시 받는 것이 아니라 미리 제공 받은 컴포넌트에서 해결-> 이 해결을 위해 라우터가 필요 2. 라우트 경로에 특정값을 넣는 방법 2가지 1) params를 사용2) Querry string을 사용 1) params를 사용-:key 형식으로 설정 - ?를 사용해서 선택적으로 입력할 수 있게 표시 2) Querry string을 사용 ~/About/Something?key=value&anotherKey=value 3. 페이지 이동 - a 태그를 사용하면 안됨- 새로 고침하면서 이동하기 때문- 라우터에 있는 link 컴포넌트를 이용해야함 4. 자바스크립트에서 라우팅 - link 컴.. 더보기 [리액트를 다루는 기술] 15. 리덕스 미들웨어와 외부 데이터 연동 1. 서버의 API를 호출 할 때는 3가지를 고려 1) 로딩: 서버에 요청했을때, 서버가 응답 할 때 까지 로딩상태 설정2) 성공: 해당 요청 사항이 성공했을떄3) 실패: 해당 요청 사항이 실패했을때 2. 미들웨어와 비동기 작업 - 리덕스 미들웨어 -> 액션을 디스패치 했을때 리듀서에서 이를 처리하기 전에 지정된 작업들을 실행 -> 미들웨어는 액션과 리듀서 사이에 중간자 역할-> 액션-> 미들웨어 -> 리듀서 -> 스토어 const loggerMiddleware = store => next => action => { console.log('체크내용(1)');const result = next(action);console.log('체크내용(2)');return result;} 3. 로거 미들웨어 직접 만들.. 더보기 이전 1 2 3 4 5 ··· 11 다음