분류 전체보기
-
AJAX⏰ 오늘의 공부/기타 2020. 1. 24. 18:31
AJAX ? javascript 를 사용한 비동기 통신 브라우저가 가지고 있는 HttpRequest 객체를 이용하여 전체 페이지를 새로 고치지 않고도 페이지의 일부만을 위한 데이터를 로드하는 기법 라이브러리 : axios , fetch, request .... 나는 React 에서 axios 를 사용했기 때문에 axios 에 대해 정리하고자 한다. axios Promise 기반 -> async / await 문법 사용하여 XMLHttpRequest 요청 쉽게 할 수 있다. 브라우저와 Node.js 에서 동일하게 사용가능 사용이 간편하다. ( npm 설치 / cdn 불러서 사용) 요청 성공 시 then() 함수로 이동, 실패 할 경우 catch() 로 이동한다. HTTP 요청 방식 axios({ url: ..
-
React⏰ 오늘의 공부/기타 2020. 1. 24. 17:52
React 란 ? React는 유저 인터페이스 구현을 위한 선언적이고 효율적이며 유연한 JavaScript 라이브러리 Virtual DOM - React는 실제로 DOM을 제어하는 방식이 아니라 중간의 가상의 DOM 인 Virtual DOM 을 두어 DOM 을 직접 제어하지 않음으로써 편의성과 성능을 개선했다. - DOM 의 상태를 메모리에 저장하고 변경 전과 후의 상태를 비교한 뒤 최소한의 내용만 반영한다. -> 성능 향상 - DOM 에 업데이트 하는 절차 데이터가 업데이트 되면 전체 UI 를 Virtual DOM에 리렌더링 이전 Virtual DOM 에 있던 내용과 현재의 내용을 비교 바뀐 부분만 실제 DOM 에 적용 ( 컴포넌트가 업데이트 될 때, 레이아웃 계산이 한번만 이뤄짐) - 렌더링 cons..
-
Authorization Systemit's me/👩💻 프로젝트 정리 2020. 1. 15. 01:02
사실 프로젝트를 다 끝낸 후 한꺼번에 멋찌게 정리하고 싶었지만,, 그러기엔 너무 양이 많을 것 같아서 이때까지 진행한 부분 부분 정리해서 올리기로 했다. 기본아키텍쳐 client (react) ↔ server (node.js) ↔ mysql (db) 캐시처리 Redis Node.js 에서 mysql 데이터베이스에 접근 방법 connection 객체 생성하여 그 객체를 이용해 DB와 통신 connection 설정은 config 폴더 내에 저장 3. connection 생성하는 방법 createConnection() 매번 connection 생성 → 비효율적 (생성될 때 많은 시간 소요되기 때문) createConnection() 메소드를 통해 connection 객체 하나 생성 종료: connection...
-
🌦it's me/☁️ 수많은 생각들 2020. 1. 13. 23:52
서버개발캠프를 시작한 지 일주일째. 일주일 동안 정신없이 달려왔다. 아침 일찍부터 시작하는 하루도, 조금은 낯설었던 판교도 이제는 자연스레 적응이 되었다. 이런 자연스러운 일상 속에서 오늘 캠프장님과의 코드 리뷰는 나를 다시 일깨워 준 좋은 계기였다. 내가 잠시 잊고 있었던 나의 방향성에 대해 다시 고민하게 만든다. 그리고 나에게 주어진 일들을 처리할 때의 내 모습을 돌아보게 만들었다. 주어진 과제들을 항상 끝내기에 너무 급급했던 것이 아닌가 그것을 왜 사용했고 왜 더 나은 방향에 대해 고민하지 못했는가 - 코드 리뷰를 끝내고 난 후 가장 많이 드는 생각이었다. 이러한 근본적인 생각들을 출발점으로 삼아 이제부터 진행될 프로젝트에는 좀 더 많은 고민과 생각들을 담기로 했다. 그러기 위해서 다시 한번 큰 틀..