전체 글103 2021.08.28 방학 ? 7,8월 회고 ㅎㅇㅎㅇ 이번주는 이거 하나 포스팅으로 왔네 ㅎ 절대 이번주 적기 싫어서 쓴거 아님 ..음 ..쨋든 어쨋든 아님 그래도 스터디 윗아웃미 카테고리도 만들었는데 안쓰면 아쉽잖ㅎ 이제 리액트 스터디도 끝이 와가고, 사실 아직 조금 남았긴 한데 전반적인 개념은 다 다뤘기 때문에 이번주는 쉬기로 함 ㅎ 9월 한달간은 리액트로 프로젝트 만들면서 더 정리할게 남겠지 ㅎㅎ... 제목이 저런 이유는 사실 휴학을 했었어서 (휴학 2번한 프로휴학러) 방학..? 아닌 방학을 보내고 이제 .............복학하기 때문..... 그래서 쨋든 8월 끝물에 적는 7,8월에 무엇을 했느냐와 블로그 쓰면서 2021 하반기를 좀 더 계획적으로 보내기 위해.... ㅎㅁㅎ 7,8월에 한 것들 오늘의 짤은 고양이로 통일한다 ㅋㅅㅋ 애... 2021. 8. 28. 2021.08.21 React 서버 사이드 렌더링 2021.08.21 React 서버 사이드 렌더링_ 정리노트 https://korinkorin.tistory.com/70 2021.08.03 리액트 라우터로 SPA 개발하기 2021.08.03 리액트 라우터로 SPA 개발하기_정리노트 드디어....SPA 까지 왔다... 힘들어따...... SPA(Single Page Application) 말 그대로 한 개의 페이지로 이루어진 애플리케이션 기존에는 사용자가 다른 페이 korinkorin.tistory.com 오늘은 여기서 잠시 정리했던 서버사이드렌더링에 대해서 좀 더 심층적으로 알아보고, 리액트 프로젝트에 구현해볼 예정..!! 그때 몰라서 구글링으로 혼자 찾아보고 간단하게 설레발쳐서 정리했었는데 ㅎㅅㅎ .. 책에도 나오는구나 조아써 그 때 잠시 다뤘던 것.. 2021. 8. 21. 2021.08.20 React 코드 스플리팅 2021.08.20 React 코드 스플리팅_정리노트 약간 이제는 리액트의 개념보다는 다양한 기능들을 리액트에 적용시키는 느낌으로 가고 있다..! 프로젝트를 빼면 리.다.기 완독이 얼마 남지 않았다..! 화이텡 코드 스플리팅 리액트뿐만 아니라 자바스크립트로 애플리케이션을 개발하게 되면, 기본적으로 하나의 파일에 모든 로직들이 들어가게 되는데, 프로젝트의 규모가 커질수록 자바스크립트 파일의 용량이 커지겠지!! 그러면 인터넷이 느린 환경에서는 첫 페이지 로딩 속도도 현저히 느려질 것이다. 코드 스플리팅을 하게 되면, 지금 당장 필요한 코드가 아니라면 따로 분리 시켜서 , 나중에 필요할 때 불러와서 사용할 수 있다. 이를 통해서 페이지의 로딩속도를 개선! 이는 웹팩이라는 도구가 담당하는데, 꼭 리액트뿐만 아니.. 2021. 8. 20. 2021.08.18 React react-redux, redux-middleware 2021.08.18 React react-redux, redux-middleware_정리노트 오늘은~~~ 리덕스 미들웨어에 대해서 포스티ㅣㅣㅣㅣㅇ~~~~ 흑흑.. 사실 저번 리액트에서 리덕스 연결하기에 대한 포스팅이 개인적으로 마음에 들지 않는다. 개념을 이해하고 썼다기 보다는 개념을 나열한 것뿐.. 그래서 이어서 이 미들웨어에 대한 포스팅을 적는 것에서도 많은 걱정이 들지만, 이 개념들을 나열하면 언젠가 쓰면서 다시 정리할 기회가..? 생기지 않을까 하는 긍정적인 마인드....ㅎ..로 조심스럽게 미들웨어 포스팅 또한 쓰려 한다! https://korinkorin.tistory.com/75?category=974678 2021.08.16 React-redux 2021.08.16 React-redux_정리.. 2021. 8. 18. 2021.08.16 React-redux 보호되어 있는 글 입니다. 2021. 8. 16. 2021.08.10 redux library-tutorial 2021.08.10 redux library-tutorial_정리노트 오늘은 드디어 리덕스를 들어간다...! 리덕스는 리액트뿐만 아니라, Js App 에서 예측 가능한 상태들을 관리하는 컨테이너 라이브러리! 그러니 리액트에서 사용하려고 만들어진 라이브러리지만, 다른 라이브러리/ 프레임워크와 함께 사용할 수 있다는 말! 리덕스는 바닐라 자바스크립트와 함께 사용할 수도 있음. ( 라이브러리, 프레임워크 없이 사용하는 순수 자바스크립트 그 자체. ) 오늘은 그래서 리덕스를 어떻게 쓰는지. 각 키워드가 무슨 역할을 하는지 등등에 대해 튜토리얼처럼 포스팅할 예정. 키워드의 개념부터 정리하고 흐름에 따라서 코드 작성을 해봅시다~!!!!!!!! action 상태에 어떠한 변화가 필요하면 action 이란 것이 발생... 2021. 8. 10. 2021.08.08 React Context API 2021.08.08 React Context API_정리노트 오느른~~~~ 전역상태를 관리하는 Context API 에 대한 정리노트! 리액트 v16.3버전부터 Context API 가 많이 개선되어 별도의 라이브러리 없이 전역 상태를 관리할 수 있다. 전역 상태 관리?? 라는 것은 사용자 정보, 환경설정과 같은 모든 컴포넌트에 전역적으로 필요한 상태를 관리할 때를 말한다. 지금까지 우리는 모든 컴포넌트에 대한 정보를 제공하는 최상위 컴포넌트인 App 에서 관리를 했는데 구조가 단순하다면 상관없지만, 만약 이런 경우라면 ? 책에 있던 그림을 캡쳐해서 들고 왔다.. 조금 화질이 깨지지만 구조를 보면 이렇게 부모 자식간의 관계도를 보면, App 에서는 const [value,setValue] = useSta.. 2021. 8. 8. 2021.08.07 React 외부 API 호출 2021.08.07 React 외부 API 호출_정리노트 드디어 ~!!!!!!!! 아기다리고기다리던 API 요청 받아오기 파트..꼭..내가 마스터해서...장고에서도 불러오리라... axios 현재 가장 많이 사용되고 있는 자바스크립트 HTTP 클라이언트 . HTTP 요청을 Promise 기반으로 처리한다. 이제 프로젝트 만들고 시작! $ yarn create react-app news-viewer $ cd news-viewer $ yarn add axios 프로젝트 만들고 axios 까지 설치해줍씨단. 내가 이번 프로젝트에서 사용될 코드 포맷팅을 .prettierrc 파일을 만들고, 이렇게 설정! 요게 뭔지 모른다면 해당 포스팅 참고 ㅎㅅㅎ! https://korinkorin.tistory.com/68 .. 2021. 8. 7. 2021.08.04 JavaSript 콜백 지옥에서 벗어나기 2021.08.04 JavaSript 콜백 지옥에서 벗어나기_정리노트 책에서 이제 외부 API 연동을 위해서 자바스크립트 개념이 나오기에... 미뤄왔던 개념부터 정리할 예정....흑흑.....객체랑 콜백이 제일 어렵단... 이번에는 조금 빡세게 정리하고 넘어가야할듯하다. 그동안은 계속 가볍게 얘기해왔기에.. 그 전에 비동기 작업에 대한 이해를 책에서 다루기 때문에 같이 정리해볼 예정! 비동기 작업 웹 애플리케이션을 만들다 보면 처리할 때 시간이 걸리는 작업이 있다. 예로 서버쪽 데이터가 필요할 때는 Ajax 기법을 사용하여 서버의 API 를 호출함으로써 데이터를 수신한다. 이렇게 서버의 API 를 사용해야할 때는 네트워크 송수신 과정에서 시간이 걸리기 때문에 작업이 즉시 처리되는 것이 아닐라, 응답을 받.. 2021. 8. 4. 이전 1 2 3 4 5 6 7 ··· 12 다음
