힙한취미코딩 썸네일형 리스트형 💻스파르타코딩[React - 입문] 3주차 Router편💻 3주차 강의를 듣던중 Routing이 무엇이며 Router, Route는 무엇인지에 대해서 완전히 이해를 하기보다는 실습을 통하여 하나하나 퍼즐처럼 비교하며, 맞춰가니 이해가 좀더 쉽게 느껴지는 강의 였다. 위에 사진에도 설명 하였듯이 Routing중 SPA란 무엇인지에 대해서 공부하고나니 좀더 응용해보고 만들어보고 해서 이해도를 더 높여서 다음 강의에서도 Redux를 배우게 되는데 Redux도 좀 더 쉽게 이해할 수 있게 할 생각이다. 더보기 💻힙한 취미 코딩 이벤트 - 2주차 결과물[최종본]💻 2주차 과제를 제출하면서 느낀점이지만 내가 이정도로 성장해가는 모습이 너무 뿌듯하고 좋다. html, css, javascript의 활용도를 점점 높여가고 이전에 만든 결과물과 연동시켜서 하나의 웹사이트 형태로 만들었단 점이다. 무료특강때에는 웹사이트를 만드는 것 자체에서 와..내가 만들었네 였다면 지금은 웹사이트 다운 내가 상상에 그치지않고 현실화를 이루고 있다는 것에 뿌듯함과 더 재밌게 느껴지는 결과물이라고 생각한다. url : https://xmas.spartacodingclub.kr/yofB5QIqwMwD/avengers.html Avengers 초대장 2021년 Avengers에서 여러분을 초대합니다! xmas.spartacodingclub.kr ✔ 이전 웹사이트 결과물과 현재의 결과물을 합친 .. 더보기 💻스파르타코딩[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주차 숙제[1편]💻 1주차 과제를 제출하면서, 어떻게 보면 신년운세를 이미 했었지만 한번 더 하는 이유는 좀더 공부한 것을 가지고 응용해보거나 디자인을 좀더 꾸며보고 javascript의 기본적인 부분을 사용해보고 싶어서 만들게 되었다. 얼만큼 내가 이해를 하고 내가 원하는 디자인, 기능들을 추가하여 48시간 안에 미션을 완료하고 나의 성장한 것을 뽐내보고 싶기도 하여 신청하여 벌써 1주차 과제까지 제출하고 개발일지까지 작성하게 되었다! 마지막 제출까지 열심히 만들어서 javascript의 활용도를 높여 보겠다!! 더보기 이전 1 다음
