스파르타코딩클럽 썸네일형 리스트형 💻스파르타코딩[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도 좀 더 쉽게 이해할 수 있게 할 생각이다. 더보기 💻힙한 취미 코딩 이벤트 - 1주차 개발일지💻 1주차 로그인 페이지를 html, css 기능을 복습차원에 만들어 보았다. 좀 더 이해도를 높이고 기본기를 다질겸 만들었다. 크게 어렵고 이제는 복습할 수 록 빠르게 배치하고 구상하기까지 시간이 줄어서 좋은 것 같다. 더보기 💻스파르타코딩[React - 입문] - 2주차 과제💻 2주차 과제를 제출하면서, 느낀거지만 React 너무 재밌다! props의 활용과 satate, set, map 까지 활용해보니깐 처음에는 시간이 오래 걸리기는 했지만 내가 만든 코드랑 해설영상도 참고하면서 결과물을 만들긴 했지만 그것보단 이렇게 활용하면서 문제점과 새롭게 알게된 것들도 있고, 이렇게 React에 활용하면 좀 더 좋은 코드를 짤 수 있겠구나를 느끼게 된 2주차 인것 같다. 예전에 조금 맛보기를 하였지만 이렇게 빠르게 훅훅 지나가도 이해가되고 리액트 과정이 끝나더라도 한번더 복습차원에 다른 웹사이트도 만들어 보고 싶다는 생각도 하게 되었다. 확실하게 React가 Vue보다는 재밌다는게 느껴지고 좀 더 고민을 하게되고 깊게 공부할 수 록 좋다는 것을 느끼게되어 front단 전공을 React로.. 더보기 💻스파르타코딩[React - 입문] 2주차 - Lifecycle Function편💻 2주차 공부중에 Lifecycle Function를 사용하면 좋은 Component에 대해서 배웠다. 갈 수 록 React에 대해서 빠르게 중요한 것들만 배우다 보니 너무 좋은 것 같다. 1주차에서는 결과물도 잘 나왔고, 2주차도 과제를 얼른 빠르게 배워서 제출하고 3주차로 달려가고 싶다! 자주 사용하는 컴포넌트를 2주차에서는 이렇게 사용이 되어진다는 것을 알아보는 시간을 가졌다. [이미 사진에 설명이 다되어 있기에 설명은 생략한다.] 더보기 💻스파르타코딩[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.. 더보기 💻힙한 취미 코딩 이벤트 - 2주차 완료![1편]💻 마지막 미션, 메인페이지 완성과 동시에 상세페이지까지 완성하기! 그리고 뒤로가기를 누를때 메인페이지로 가도록 해주는 작업, 공유하기까지는 안했다. 하지만 추후 스스로 javascript기능을 넣어서 공유까지 될 수 있게 해줄 생각이다. 전체적으로 카드형태로 만들었으며 hover기능을 이용하여 마우스를 가져다되면 카드가 확대되는 형태와 딜레이 css도 넣어줘서 부드럽게 해주는 작업도 하였다. 그리고 추가적으로 음악 재생기능도 추가로 넣었다! 또한 히어로 이름을 클릭할 경우 히어로 영상이 나온다! 물론 많은 기능을 추가 하고 싶었지만, 48시간 안에 미션을 완료하여야 하기에 빠르게 만들었고, 이제는 좀더 추가기능을 만들고 수정하고 하는 작업을 할 생각이다. 이미 무료특강에서 배웠지만, 좀 더 내가 원하는대로.. 더보기 이전 1 2 3 4 5 ··· 8 다음
