본문 바로가기

재밌다

💻스파르타코딩[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시간 안에 미션을 완료하여야 하기에 빠르게 만들었고, 이제는 좀더 추가기능을 만들고 수정하고 하는 작업을 할 생각이다. 이미 무료특강에서 배웠지만, 좀 더 내가 원하는대로.. 더보기
🐱‍👤내일배움단 프로젝트 챌린지 7일차 개발일지🐱‍👤 7일차 이전에 만들었던 것들중 grid파트를 하지 않고 게시판형식으로 변경하여 빠르게 피드백형식으로 진행중이고, 프론트엔드 부분도 슬슬 마무리되게 진행중이다. 그리고 백엔드 파트는 이미 강의에 북리뷰를 참고해서 DB쌓는 것과 쌓은 DB를 화면에 보여지는 작업을 진행중에 있다. 그리고 댓글기능도 추가적으로 작업하고 있고, 그외에는 크게 문제되는 것이 없어서 오늘은 최대한 문제점들을 서로서로 묻고 고쳐가는 시간을 가졌다. 더보기
🐱‍👤내일배움단 프로젝트 챌린지 2일차 개발일지🐱‍👤 2일차에는 어제보다 오늘은 더 세세하게 기능과 보완해서 샘플을 가지고 완벽하게 설계를 짰다. 그리고 각자 주어진 미션을 가지고 고민하고 만들어보는 시간을 가졌다. 프론트부분은 내가 단원들이 모르거나 help할때만 도와주는 것으로 하였고, 그외에는 각자가 구글링과 강의에서 배운것을 가지고 참고해서 만들기로 했다. 그리고 나는 백엔드를 어떻게하면 좋게 짜고 DB를 잘 활용해서 좀더 질좋은 사이트를 만들지 구상해보는 시간을 가졌다. 최대한 단장으로써 서포터를 해주는 역할과 동시에 단원들을 이끌어가는 리더십 또한 기를수 있게 되어서 너무 좋은 것 같다. 앞으로 더 발전해 나아가는 꼬마닌자단을 만들고 말것이다! 파이팅~!! 더보기
💻스파르타코딩[웹개발 플러스] - 2주차 과제💻 2주차 과제에서 조금 시간이 걸렸다. jinja2라는 문법과 과제로 예문삭제, 추가기능까지 넣어줬다. 음 아직 이해가 되지는 않지만 jinja2문법도 잘 익혀놓으면 조금 더 좋은 아이디어가 있을때 잘활용하면 좋은 결과물도 나오지 않을까한다. 대체적으로 생소한 jinja2문법 말고는 크게 어려운 문법은 없었다. 좀더 복습할때 jinja2를 더 공부해서 활용해보는 쪽으로 말고는 딱히 할이야기가 없다. 더보기
💻스파르타코딩[웹개발 플러스] - 2주차[3일차]💻 3일째가 되는데 역시.. 새로운 것을 배운다는 것은 행복한 것이다!! 걱정보다는 이제는 익숙해져서 새로운 것을 배운다는건 여행가는 것과 같다! 2주차에서는 flask, javascript, ajax, jinja2등 배우고 있는데 처음에는 이게 무슨말이지 하면서 따라했는데 왕초보에서 배운것이 있다보니 많이 도움이 되는 것 같다! javascript를 통해서도 GET요청을 구현 할 수 있지만 jinja2로도 GET요청을 구현 할 수 있다는 것에서 신기했고 놀라웠다. 👍 그리고 API를 가지고 와서 사용하는 법을 익혔다. 또한 ajax에서 temp_html에 대한 역할들도 jinja2에서는 python문법처럼 표현하는 것이 신기했고 오히려 ajax보다 쉽게 느껴져서 좋았던 것 같다! 여기서 좀더 활용한다면 괜.. 더보기