ESLint 자바스크립트 문법 및 코드 스타일을 검사해주는 도구 Reactjs Code Snippets 리액트 컴포넌트 및 라이프사이클 함수를 작성할 때 단축 단어를 사용해서 간편하게 코드를 자동으로 생성해 낼 수 있는 코드 스니펫 모음이다. 검색했을 때 유사한 결과가 여러 개 나올 수 있는데, 제작자가 charalampos karypidis인 것을 설치하면 된다. Prettier-Code formatter 코드 스타일을 자동으로 정리해 주는 도구이다.

Node.js 크롬 V8 자바스크립트 엔진으로 빌드한 자바스크립트 런타임이다. 이것으로 웹 브라우저 환경이 아닌 곳에서도 자바스크립트를 사용해서 연산할 수 있다. 2009년 Node.js가 출시된 이후 자바스크립트는 웹 브라우저 영역 외에도 웹 서버, 모바일 앱, 데스크톱 앱 등에서도 엄청나게 활약할 수 있게 되었다. 리액트 어플리케이션은 웹 브라우저에서 실행되는 코드이므로 Node.js와 직접적인 연관은 없지만, 프로젝트를 개발하는데 필요한 주요 도구들이 Node.js를 사용한다. 바벨(babel) 이 때 사용하는 개발 도구에는 ECMAScript 6(2015년에 공식적으로 업데이트한 자바스크립트 문법)를 호환시켜주는 도구이다. 웹팩(webpack) 모듈화된 코드를 한 파일로 합치고(번들링), 코드를 ..

Ajax Web API 요청: 만약 서버쪽에서 데이터를 받아와야 할 때는, 클라이언트는 서버에 요청 후 서버에서 응답할 때까지 작업을 대기시켜야 하기 때문에 작업을 비동기적으로 처리해야 한다. 파일 읽기: 주로 서버 쪽에서 파일을 읽어야 하는 상황에도 오래 걸리기 때문에 비동기적으로 처리한다. 암호화/복호화 암호화/복호화를 할 때에도 바로 처리가 되지 않고, 시간이 어느정도 걸리는 경우가 있기 때문에 비동기적으로 처리한다. 작업 예약: 단순히 어떤 작업을 몇초 후에 시작하도록 스케줄링 해야 하는 상황에는, setTimout을 사용해서 비동기적으로 처리한다. 비동기 작업을 할 때에는 callback함수 외에도 Promise, async/await라는 문법을 사용해서 처리할 수 있다.

Django로 API 서버를 만드는데 cors에러가 떴다 ... Cross Domain 이슈가 발생한건데, 이 문제는 왜 발생하는 걸까 ? CORS CORS는 Cross Origin Resource Sharing의 약자로 도메인 또는 포트가 다른 서버의 자원을 요청하는 매커니즘이다. 최근 대부분의 웹 브라우저는 Javascript를 이용한 AJAX(Asynchronous Javascript XML)통신을 통한 데이터 송수신을 하는데, 다른 도메인을 가진 서버의 URL을 호출해 데이터를 가져오려고 하는 경우 보안 문제인 Cross Domain 이슈를 발생시킨다. 왜냐하면 만약 우리 웹 서비스에서 사용하기 위해 다른 서브 도메인을 가진 API 서버를 구축했는데, 우리가 아닌 다른 웹 서비스에서 이 API 버..

제너레이터 사용하기 제너레이터는 이터레이터를 생성해주는 함수이다. 이터레이터는 클래스에 iter, next 또는 getitem 메소드를 구현해야 하지만, 제너레이터는 함수 안에서 yield만 사용하면 끝이다. 그래서 제너레이터는 이터레이터보다 훨씬 간단하게 작성할 수 있다. 제너레이터와 yield 알아보기 함수안에서 yield를 사용하면 함수는 제너레이터가 된다. yield에는 값(변수)을 지정한다. yield로 함수를 제너레이터로 만들고 for 반복문에서 0, 1, 2 숫자 세 개 출력하기 yield.py def number_generator(): yield 0 yield 1 yield 2 for i in number_generator(): print(i)실행결과 0 1 2for 반복문에 number_..

벨로퍼트와 함께하는 모던 자바스크립트 리액트의 Hooks 완벽 정복하기 [https://www.zerocho.com/category/개발일지/post/5c591a672a3c79001fad8192]검색키워드개발 센트리 (https://www.zerocho.com/category/%EA%B0%9C%EB%B0%9C%EC%9D%BC%EC%A7%80/post/5c591a672a3c79001fad8192) https://velog.io/@psm8873/SCSS검색키워드: scss 노마드코더강의검색키워드: react 웹 파이썬 edwith - 파이썬 자료구조 장고 http://pythonstudy.xyz/python/article/308-Django-%EB%AA%A8%EB%8D%B8-Model TDD http://l..