IT개발캠프
-
[유데미x스나이퍼팩토리] 10주 완성 프로젝트 캠프 프론트엔드(리액트/react) 25일차 - 4주차 수요일.스나이퍼 팩토리 2023. 6. 30. 02:51
4주차 2번째 수업 날. 1번째 수업 때 진행했던 리액트 라우터에대해 간단하게 복습하고 과제로서 주어졌던 무비웹 만들기에 대한 리뷰를 하였다. 다른팀들이 만든 것 들을 보니 이미 배우지않은 것들을 활용하여 굉장히 잘 만들었다. 벌써 리덕스를 사용하여 상태관리를 하기도 하고.... 저기에 리덕스를 쓸게 있나싶긴한데 이미 저렇게 활용한다는 거에 대해 놀랍다. 스피너도 넣은 팀도 있고 다들 열의가 넘친다. 오프라인으로 할걸 그랬나.. 그리고 이날은 오후에 프로젝트 설명도 같이 있었던 날이다. Custom Hook 1. 여러컴포넌트에서 공통된 로직을 재사용하기 위해 만들어진 함수 2. 일반적으로 use 접두사를 사용하여 이름을 지정 3. 커스텀 훅은 로직을 추상화하고 컴포넌트로부터 분리하여 재사용성과 코드 가독..
-
[유데미x스나이퍼팩토리] 10주 완성 프로젝트 캠프 프론트엔드(리액트/react) 19일차 - 과제 제출스나이퍼 팩토리 2023. 6. 25. 22:47
저번 과제로 만들었던 바닐라 자바스크립트 모먼텀을 리액트로 바꿔서 다시 만들기과제이다. 솔직히 바닐라 자바스크립트때 제대로 해놨다면 의외로 금방 끝날거 같았는데 금방 안끝나서 의문이다...???!!!?!?!? 결과물 제출 https://github.com/chasura416/Udemy_x_SniperFactory/tree/master/react/react_momentum GitHub - chasura416/Udemy_x_SniperFactory Contribute to chasura416/Udemy_x_SniperFactory development by creating an account on GitHub. github.com 생각보다 까다롭다. html처럼 한방에 다 때려박는 방식이 아니고 React스..
-
[유데미x스나이퍼팩토리] 10주 완성 프로젝트 캠프 프론트엔드(리액트/react) 6일차 - Git&Github 강의 후기스나이퍼 팩토리 2023. 6. 24. 23:47
깃헙강의 리뷰 Git & Github란 - 유튜브강의 스나이퍼 팩토리 제공 오전시간에 Git & Github 유튜브강의 링크를 제공받아 공부하였다. 1강 Git이란 파일의 히스토리를 왜 관리해야 할까 Github란 왜 Github를 사용해야 할까 내컴퓨터가 망가진다면? 여러명과 소스코드를 공유해야 한다면? 2강 Repository(레포지토리, 저장소) Git으로 관리하는 프로젝트 폴더 3강 commit(커밋) Git이 코드의 변화를 기록하는 것. - 소스코드의 변경사항을 한 단위로 묶어 기록하는 것 - 쉽게 생각하면, 타임라인을 만드는 것 세 가지 상태 Working Directory : 수정했지만, 아직 commit 되지 않은 상태 Staging Area : 수정된 파일을 다음 commit에 포함할 것..
-
[유데미x스나이퍼팩토리] 10주 완성 프로젝트 캠프 프론트엔드(리액트/react) 15일차 - html, css, js 복습스나이퍼 팩토리 2023. 6. 24. 21:46
3주차 첫날이다. 어느 덧 3주차가 시작했다. 점점 따로 챙겨서 공부해야 될 양이 많아진다. 대체적으로 강의시간때는 큰 틀을 잡아주고 그 흐름을 따라가면서 실습해본다. 그 후에 실습과정을 내 것으로 만드는 과정은 온전하게 스스로의 몫이다. 10주라는 짧은 기간안에 많은 것을 얻기위해서는 해야 할 일을 해야한다. 꾸준하게. (이것도 임시저장 해둔거 뒤늦게 포스팅.) HTML5 개념정리 수업시간 중 헷갈리거나 중요하다 생각하는 개념을 다시한번 정리하며 공부한다. 오전 수업시간은 전반적으로 저번주에 나갔던 HTML5, CSS, JavaScript 총 복습시간이었다. HTML, JS, CSS 작동순서 가장 기본이되는 동작 작동 순서이다. 이 순서를 이해하고 프로세스를 이해하고 깊이있게 적용하기 시작하면 좀 더 ..
-
[유데미x스나이퍼팩토리] 10주 완성 프로젝트 캠프 프론트엔드(리액트/react) 16일차 - 과제 제출스나이퍼 팩토리 2023. 6. 20. 23:39
거진 구글 확장프로그램 모멘텀의 클론 코딩 느낌이다. 뭔가 어려운건 없었는데 손에 안익는다는 게 정답이겠다. 뭐랄까 뭔가 뚝딱 뚝딱안된다. 짜증....... 이따가 고칠게 많다. 결과물 제출 https://github.com/chasura416/html/tree/master/ToDoList GitHub - chasura416/html Contribute to chasura416/html development by creating an account on GitHub. github.com 구글 크롬 확장 프로그램 momentum 클론코딩이다. 생각보다 까다롭다. 우선적으로 구현해야할 기능은 3가지다. 첫번째 기능은 메인 중앙에 실시간 시계이다. 이건 수업 실습시간에 했던 걸 응용해서 바로 적용하면 된다..
-
[유데미x스나이퍼팩토리] 10주 완성 프로젝트 캠프 프론트엔드(리액트/react) 9일차 - 과제 제출스나이퍼 팩토리 2023. 6. 13. 23:51
Safehomes 클론코딩 과제 제출 결과물 제출 https://github.com/chasura416/html/blob/master/safehomes/main.html GitHub - chasura416/html Contribute to chasura416/html development by creating an account on GitHub. github.com 말그대로 클론코딩이다 보니 최대한 클론하는데 집중을 하였다. header와 footer가 기본 뼈대라고 생각하여 먼저 끝내자고 생각했다. 그러나 생각보다 디테일하게 봐야할 점이 많아 쉽지않았다. css적으로 이해가 안가는 부분도 있고 아직 태그사용에 능숙치 못한 탓인듯 하다. 무엇보다 html 자체로 작업하다보니 코드가 점점 길어지면서 많이..
-
[유데미x스나이퍼팩토리] 10주 완성 프로젝트 캠프 프론트엔드(리액트/react) 5일차 - 서비스기획3 후기스나이퍼 팩토리 2023. 6. 11. 23:48
5일차다. 역시 4일차는 휴일이였다. 1주일차 학습이 끝나간다. 추가적으로 Udemy 강의들도 들어왔는데 전부 듣고 공부하려면 시간을 착실하게 사용해야될 것 같다. 집중 집중. 오전시간에는 Git & Github 유튜브강의 링크를 제공받아 공부하였다. 이 부분은 따로 작성하자. 서비스기획3 강의 후기보단 강의 내용을 듣고 의식의 흐름대로 작성. 저번시간으로부터 궁금하거나 이해가 안가는 점을 답변해주셨다. 키워드. 마인드맵 질문 카페24 admin 관리자 모듈이 참고하기 좋다. 프론트를 기준으로 어드민은 어느정도 해야하냐 마인드맵에서 어드민이 나왔지만 예측불과한 곳이 있다. 이런건 카페24에서 사전학습 가능. 한가지 팁으로는 깊은단계 넓은 단계까지 마인드맵으로 설계를 해두는 것이 좋다. 어차피 생각해야하는..
-
[유데미x스나이퍼팩토리] 10주 완성 프로젝트 캠프 프론트엔드(리액트/react) 3일차 - 서비스기획2 강의 후기스나이퍼 팩토리 2023. 6. 7. 17:20
2일차는 휴일이였다. 그래서 그런지 3일차가 순식간에 돌아온 느낌. 집중해서 내 시간을 제대로 챙기지 않는다면 10주는 금방 지나갈 것이다. 집중하자. 서비스기획2 강의 UML을 통한 서비스 흐름 잡기 UML이란 UML은 Unufied Modeling Language의 약자이다. 복잡한 사람들의 사고와 생각을 표현하는 도구. 구축에 대한 소프트웨어, 프로그래밍이 아닌 시스템 자체의 산출물의 역할을 시각화 하여 규정하는데 목적을 두고 있음 이런 과정을 통해 꼭 필요한 행위를 기반으로 한 *객체 지향 모델링이 가능해짐 *객체지향이란 하나하나 객체로 이루어져 있는 모델링. 예전에는 하나로 이루어졌었지만 기존에 문제점은 하나가 고장나면 전체가 돌아가지않는 문제점을 개선하기 위하여 객체지향이 발생. UML에서 정..