본문 바로가기

스파르타코딩[React 입문] - 개발일지

💻스파르타코딩[React - 입문] 5주차 과제💻 5주차는 전반적으로 과제를 완료하기 보다는 공부를 좀 더 해서 완성도 있는 작품을 S3에 올려서 누구에게나 볼 수 있는 사이트를 만들어 볼생각이다. 비록 아직은 이해가 되지 않고, 에러가 나는 부분도 발생하여 이부분을 좀 더 분석하고 스스로 고쳐보고 구글링을 통해서 다져본 후로 AWS로 업로드하여 제출을 할 생각이다. 그동안 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 - 입문] - 2주차 과제💻 2주차 과제를 제출하면서, 느낀거지만 React 너무 재밌다! props의 활용과 satate, set, map 까지 활용해보니깐 처음에는 시간이 오래 걸리기는 했지만 내가 만든 코드랑 해설영상도 참고하면서 결과물을 만들긴 했지만 그것보단 이렇게 활용하면서 문제점과 새롭게 알게된 것들도 있고, 이렇게 React에 활용하면 좀 더 좋은 코드를 짤 수 있겠구나를 느끼게 된 2주차 인것 같다. 예전에 조금 맛보기를 하였지만 이렇게 빠르게 훅훅 지나가도 이해가되고 리액트 과정이 끝나더라도 한번더 복습차원에 다른 웹사이트도 만들어 보고 싶다는 생각도 하게 되었다. 확실하게 React가 Vue보다는 재밌다는게 느껴지고 좀 더 고민을 하게되고 깊게 공부할 수 록 좋다는 것을 느끼게되어 front단 전공을 React로.. 더보기