TIL(미사용)
-
5월 28일 - Elastic BeanstalkTIL(미사용) 2020. 5. 28. 22:03
어제 하던 거 이어서.. Elastic Beanstalk InvalidParameterValueError - No Environment found for EnvironmentName 에러 어제 발생했던 이 오류가 뜬 원인은 내가 배포하려는 환경의 이름이 없다는 의미였다. 꽤 여러 문제가 있었는데 1. eb init을 할 때 --profile 옵션을 추가하지 않았다. aws cli 디폴트 계정이 회사 계정이었다. 그래서 환경을 찾지 못한 것 2. eb init에서 region을 선택하는데 이상한 지역을 선택하고 있었다. 결국 eb cli를 사용해서 배포를 하는 것은 성공했으나 502 bad gateway에러가 발생했고, 혹시 create-react-app typescript라서 별도의 설정을 해야하나 싶었..
-
5월 27일 - elastic beanstalk, aws cliTIL(미사용) 2020. 5. 27. 14:00
Elastic Beanstalk 어플리케이션을 Elastic Beanstalk에 배포하기만 하면 용량 프로비저닝, 로드 밸런싱, 조정, 애플리케이션 상태 모니터링에 대한 세부 정보를 자동으로 처리한다. Elastic Beanstalk 콘솔, AWS CLI, eb CLI를 사용해서 Elastic Beanstalk와 상호작용할 수 있다. 웹 인터페이스(콘솔)에서 EC2를 조작할 수 있다. Elastic Beanstalk를 사용하려면 앱을 생성하고, 앱 소스 번들의 형태를 업로드 하고, 몇 가지 정보를 제공하면 된다. 이렇게 하면 Elastic Beanstalk은 자동으로 환경을 실행하고 코드 실행에 필요한 AWS 리소스를 생성 및 구성한다. * 로드 밸런싱: 처리해야하는 작업을 분산처리 하도록 하는 것 * ..
-
5월 26일 - 웹 페이지 만들기(프론트엔드)였으나 weppackTIL(미사용) 2020. 5. 27. 00:08
음.... 어... 그래 시작하자. 참고: https://dev.to/vish448/create-react-project-without-create-react-app-3goh React 프로젝트 만들기(create-react-app 없이) npm install -S react react-dom - npm을 사용해서 react, react-dom을 설치한다는 의미 - '-S' 옵션을 사용하면 package.json의 dependencies 항목에 react와 react-dom이 들어가게 된다. 이 프로젝트의 실제 배포환경에서 필요한 라이브러리는 -S 옵션을 사용하면 된다. (-D 옵션도 있는데 나오면 설명해야지) 커밋하기 아직 뭘 하지는 않았지만 아무튼 커밋을 하려고 하면 오른쪽처럼 바뀐 파일이 많이 생긴..
-
5월 23일 - 웹 스택 비교TIL(미사용) 2020. 5. 23. 17:44
음... 만들고 싶은 웹 페이지가 생겼당. 어떤 스택을 사용해야 할까? 프론트엔드 비교 React - 생태계가 가장 크다. - 웹, 앱 개발 가능 Vue - 러닝커브도 가장 적고, 가볍고 빠르다. Angular - 러닝커브 큼 - 문서가 매우 자세함 (더 자세히 알아 보려고 했으나 글마다 내용이 다른 부분이 있어서 같은 부분만 적었다.) 선택: React 혼자 개발해야 하는데 새로운 스택을 익히기엔 무리가 있다. 생태계가 가장 크니 문제가 발생했을 때 해결할 확률이 높다. 백엔드 프레임워크 비교 Django - 기능이 많다. 그래서 크다 그래서 작은 앱에 어울리지 않는다. - 언어: 파이썬 Ruby on Rails - 작은 프로젝트에 적합 - MVC(Model View Controller) 패턴 - 언어..
-
5월 20일 - Koa로 만든 서버에 MongoDB 연결TIL(미사용) 2020. 5. 20. 22:24
드디어.. 인생 첨으로 DB 연결 해 봤다... 막상 해보니까 별거 없었다.. 물론 기분은 좋았지만 ㅎ... 지금까지 못 한게 아니라 안 한게 아니었을까 생각이 든다. 출판사 길벗, 김민준 지음 '리액트를 다루는 기술'으로 공부 중 개강추 DB MySQL, OracleDB, PostsgreSQL = RDBMS(관계형 DB) 한계 - 데이터 스키마가 고정적 - 확장성이 낮음 MongoDB = 문서 지향적 NoSQL - 유동적인 스키마 - 분산처리 용이 ACID 원자성, 일관성, 고립성, 지속성(트랜잭션과 관련됨) MongoDB 문서 레코드와 비슷함 문서의 데이터 구조는 한 개 이상의 키-값 쌍으로 되어있음 서브 문서: 문서 내부에 또 다른 문서가 있는 것 컬렉션 여러 문서가 들어 있음(관계형 DB의 테이블..
-
5월 18일 - koa...?TIL(미사용) 2020. 5. 18. 21:54
도대체 뭘 공부한 건지 모르겠다... 개발은 왜 이렇게 어려운 걸까? 그리고 왜 하루에 3시간씩 때려박아도 배운 건 없는 기분일까? dynamic import - import 한 코드가 필요한 시점에 비동기로 가져오는 것 - React.lazy, Suspense: 다이나믹 임포트를 더 편하게 해주는 라이브러리 서버 사이드 렌더링 - UI를 서버에서 렌더링 하는 것 - 초기 로딩 속도는 개선되나 서버 부하가 늘어난다. Koa - async/await 문법 지원 - 미들웨어의 배열로 구성 됨 - use(): 미들웨어 함수를 등록하는 함수 - next(): primise를 반환하며, 다음에 처리해야 할 미들웨어가 끝나야 next()가 불려진 미들웨어 함수가 끝난다. 기타 - entry: 웹팩에서 프로젝트를 불..
-
5월 16일 - React Hook, 기타 등등TIL(미사용) 2020. 5. 16. 18:05
주말 3시간 공부는 평일 3시간 공부보다 시간을 더 잡아먹네.... 불변성 - 객체가 생성된 이후 그 상태를 변경할 수 없는 디자인 패턴을 의미 - 기존의 값을 수정하지 않으면서 새로운 값을 만들어 내는 것 - 만약 객체 안에 또 다른 객체가 있다면 안 쪽에 있는 객체도 전개 연산자를 사용해 복사를 해야지 불변성이 유지 된다. React Hook - useReducer 리듀서는 현재 상태, 그리고 업데이트를 위해 필요한 정보를 담은 액션 겂을 전달 받아 새로운 상태를 반환하는 함수를 의미함 아래는 useReducer의 사용방법 const [data, dispatch] = useReducer(reducer, initialValue, initFunction) 앞에서 부터 data: 리듀서로 제어할 데이터 d..
-
5월 14일 - React HookTIL(미사용) 2020. 5. 14. 22:35
배고프다. React Hook - useState - useState의 첫 번째 인자로 함수를 넣으면 초기 값이 함수의 결과 값으로 설정되며, 처음 렌더링 될 때만 실행된다. (근데 도대체 왜?) React Hook - useCallback - 이벤트 핸들러 함수를 필요할 때만 생성할 수 있다. - 이 Hook을 사용하지 않으면 컴포넌트가 리렌더링 될 때마다 함수가 생성된다. (컴포넌트 수가 많아지면 체감 될 정도) 근데 좀 이해가 안 가는게... 도대체 왜 리렌더링 될 때마다 함수를 생성해야 하는거지?? 왼쪽은 useCallback 두 번째 파라미터에 빈 배열을 넣어준 것이고, 오른쪽은 todos를 가진 배열을 넣어줬다. 정의대로라면 왼쪽은 맨 처음에만 함수가 생성되며, 오른쪽은 todos 값이 바뀔 ..