react
-
코드기록:: map 메소드 활용한 feedStudy/React 2020. 7. 19. 19:59
이전까지 나는 블로그를 작성할 때, 나의 코드기록 보다는 다른 사람의 멋진 코드기록들을 가져와 언어를 배우고 기록했다. 그러나 위코드 1달째 수강 중, 멘토님께서 나의 코드를 refactoring하고 기록하며 공부하는 것이 제일 큰 공부가 된다고 말씀하셨고 오늘 처음으로 이를 실천해본다. 사실 나는 웹 개발 초초초 입문자로써, 나의 코드가 화려하거나 문제해결에 탁월한 것은 아니다. 매우 일반적이고 기초적인 방법이며 혹은 나는 최선을 다했지만 다른 방법에 비해 비 효율적 일 수도 있다. 그러나 입문자로서 지금 이 시점에서의 최선의 코드를 기록하며 후에 실력이 더 향상되었을 때, 스스로 더 멋진 코드로 리팩토링 할 수 있도록 기록을 남겨본다. (인스타그램 클론 메인 화면) 메인 화면 중, feed부분을 구현..
-
Ajax (axios와 fetch 비교)Study/React 2020. 7. 14. 13:45
Ajax(Asynchronous Javascript And Xml) 란 Javascript 를 사용한 비동기 통신이며, 클라이언트와 서버간의 XML 데이터를 주고받는 기술이다. XMLHttpRequest 객체를 이용해서 전체 페이지를 리로드하지 않고 필요한 데이터만 로드할 수 있다. react에서 네트워크 통신을 도와주는 api인 axios와 fetch를 비교해보자. 1. axios 구형 브라우저를 지원한다. 응답시간 초과를 설정하는 방법이 있다. JSON데이터 자동변환이 가능하다. node.js에서의 사용이 가능하다 request aborting (요청취소)가 가능하다 catch에 걸렸을 때, .then을 실행하지 않고, .console창에 해당 에러 로그를 보여준다. return 값은 Promise ..
-
리엑트란 무엇이며 왜 사용하는가?Study/React 2020. 7. 4. 17:11
What is React? 리엑트란 무엇인가? 리엑트는 facebook에서 만든 자바스크립트 UI라이브러리로써 user interfaces와 프론트엔드 어플리케이션을 만드는데 사용된다. 리엑트는 기술적으로는 라이브러리이지만, 이것의 행동과 능력때문에 종종 framework로도 불린다. 리엑트는 현재까지 업계에서 가장 인기있는 framework이다. 한마디로 간단히 말하면, 사용자 인터페이스를 만들기 위한 자바스크립트 라이브러리이다. 리엑트는 왜 사용하는가? 우리는 html, css만으로도 웹사이트를 만들 수 있다. 그러나 여기에 유저의 행동흐름에 따라서 동적인 화면을 보여주도록 하기 위해서 javascript를 사용한다. 그런데 요즘의 웹은 단순히 웹 페이지가 아니라 웹 애플리케이션이다. 브라우저상으로도..