React 썸네일형 리스트형 💻스파르타코딩[React - 입문] 4주차 과제💻 4주차 과제를 하면서 Firebase에 대해서도 배우고 Redux도 알고 Reducer, React에 대해서는 간단하게나마 흐름과 사용법등을 익히다보니 시간이 너무나도 빠르게 지나간 것 같다. 벌써 4주차도 끝나고 5주차가 다됬는데, React는 공부할 수 록 프론트의 꽃이라고 하는지 알 것 같다! 좀더 React에 대해서 공부를해서 좋은 포폴용도 또는 사이드 프로젝트를 만들어서 더 발전있는 개발자가 되는 날까지 열심히 코딩에 푹~~ 빠져볼려한다!! :) 더보기 💻스파르타코딩[React - 입문] 4주차 - Firebase 편💻 4주차 강의중 Firebase란 무엇인지를 배웠다. Firebase에대해서 React공부를 하면서 알게된 것인데, NoSQL Database를 이용해서 데이터를 관리하고 여러가지로 활용할 수 있는 Service이다. Firebase는 무엇일까요? Serverless와 동일하게 Server작업을 유용하게 활용할 수 있게 만들어준 Service라고 생각하시면 됩니다! 크게 어렵지 않았죠? 공부하면서 왜 내가 Firebase를 사용하는지 강의에서는 하는지를 소개만 해주고 사용하는 것까지 나아가지만 왜 사용하고 이아이는 무엇인지를 알고 가야하니깐 간단하게 정리를 해보았습니다. 알고 사용하는게 좋으니 잠시 Firebase에 대해서 간단하게 설명을 해드렸습니다! Firebase는 NoSQL을 활용한 Server D.. 더보기 💻스파르타코딩[React - 입문] 4주차 - Server vs Serverless편💻 4주차 공부중 Server와 Serverless에 대해서 구분을 해준 part가 있었다. Server는 우리가 여태까지 배운대로 Back-End에서 Server에 배포하기 위한 작업으로 여러가지를 시도하고 배포하고를 하면서 조금은 익숙해져 있을 것이다. 간단하다 위 설명처럼 Client가 Server에 Event를 발생시켜주면 Server에서 어? Client에서 Event발생 시켰어요!!(여기 과정이 Request -> 요청) 그럼 작동하게 해줘야하니 그런 과정이 Responses(응답)이라고 해요! 간단합니다!! Serverless는 이미 우리가 만들어진 Server를 가져오거나, 필요한 부분만 사용하는 것을 말해요!! 즉 우리가 하나하나 Server를 구축하지 않고도 Server운영을 하는데 문제없.. 더보기 💻스파르타코딩[React - 입문] 3주차 과제💻 3주차 과제를 제출하면서 Redux활용과 Reducer, styled 등등 import하고 Component까지 하면서 시행착오들이 많았다. 아직도 잘 이해가 되지않아서 쫌 아쉽긴하지만 이론적인 면에서 지금 다시깔고 다시 새출발해서 하나하나 비교해가면서 해설영상도 보고 PDF파일도 참고해서야 그나마 3주차과제도 조금 원하는대로 진행이되었다. 아직 익숙하지 않아서 그런것 일 수 도 있으나, 전반적으로 에러코드보면서 꾸준히 부딪히고 구글링하면서 만들고 또는 기본개념도 익혀가면서 과제제출도 하고 개발일지도 작성할 것을 권장합니다. 그래야지 React를 사용하면서 Redux, Reducer이 뭔지 어떻게 사용하는지등을 이해하는데 도움이 될것이라 생각이 되어집니다. 과제제출을 위해서 쫌 시간이 지연되긴 했지만, .. 더보기 💻스파르타코딩[React - 입문] Redux편💻 3주차 React 강의를 듣던중 Redux를 왜 사용해야하는 가와 간단하게 용어들을 정리해 보았다! 사진에서도 설명이 잘 나와있듯이 props와 state로만 사용하다보면 단점이 Componenet를 만들때마다 지연시간이 길어지고 client에게도 문제이지만 프로그래밍에서도 추천하지 않는다! 즉, 코드가 많아지고 이벤트들을 많이 불러오게 될 경우 정말 필요한 것들만 나중에 호출시에 작동하도록 하고 그외에는 정상적으로 출력이 잘되는게 좋은 프로그래밍 자세이다. Redux는 매번 사용할 때마다 호출만 해주면 되기에 props보다 장점은 따로 file을 만들고 내가 사용할 것을 App.js에 import하고 호출만 해주면 된다! 이렇게 정리하면서 공부하다보니 Redux Redux라고 왜 그런지는 다음 강의를 .. 더보기 💻스파르타코딩[React - 입문] 3주차 Router편💻 3주차 강의를 듣던중 Routing이 무엇이며 Router, Route는 무엇인지에 대해서 완전히 이해를 하기보다는 실습을 통하여 하나하나 퍼즐처럼 비교하며, 맞춰가니 이해가 좀더 쉽게 느껴지는 강의 였다. 위에 사진에도 설명 하였듯이 Routing중 SPA란 무엇인지에 대해서 공부하고나니 좀더 응용해보고 만들어보고 해서 이해도를 더 높여서 다음 강의에서도 Redux를 배우게 되는데 Redux도 좀 더 쉽게 이해할 수 있게 할 생각이다. 더보기 💻스파르타코딩[React - 입문] - 1주차 과제💻 1주차 과제를 제출하면서 state, props의 활용도 하면서 전반적으로 Componet에 대한 이해도가 높아졌다. 또한 css도 다루다보니 더욱 더 재미가 북받쳤다! 역시.. React는 너무 재밌는 것 같다! Componet에 대한 이해와 State, Props를 과제로 내주시다보니 어떻게 사용하면되고 연결 시켜서 좀 더 좋은 아이디어로 과제를 제출할까 고민을 하다가 튜터님이 고양이 좋아하신다하여 고양이 사진으로 과제를 제출하게 되었다. 이렇게 1주차 과제 제출과 함께 Componet의 이해를 확실하게 다지게 되어서 기분이 좋다. :) 더보기 💻스파르타코딩[React-입문] 1주차 - Component편💻 1주차 공부중 Componet에 대해서 공부를 하게 되었는데 너무 재밌었고 한번은 들어보았지만 이렇게 귀에 쏙쏙 박히는 강의는 처음이였고 React입문을 하시는 분들에게 좀더 설명을 해드리고자하여 작성하게 되었습니다. Componet란 React에서 하나의 틀! 즉, 사진에 설명처럼 블록이라고 보시면 되세요!아파트에서 1동, 2동, 3동 이렇게 나뉘는 것을 쉽게 비유해 드릴께요! 1,2,3동이 Componet라고 한다면 우린 또 1동안에 호수!! 즉 1동에서 3층 301호를 찾고 싶다!! 그럼 1동이라고 만들어놓은 Componet를 찾고 그안에 3층이라는 Componet를 찾고 이제 301호라는 Data를 보여주는 겁니다!! 이것을 Componet라고 정의합니다! State, Props란 무엇일까요? S.. 더보기 이전 1 2 3 다음
