목록FE 프로젝트 (6)

가쟤의 해변일기 🐳

[미니 프로젝트] 넷플릭스 영화 앱 만들기 !

11월 초부터 계속 프로젝트를 해서 그 전까지 실력을 키워야 한다 ! 그래서 ... 지난주에 ㄴㅁㄷㅋㄷ에 있는 리액트 강의를 3개 수강했다. 영화 앱 만들기 -> hooks -> 트위터 만들기 그래서 이 내용을 기반으로 넷플릭스를 만들어 보려고 한다..! 사실 패캠에서 제공했던 디즈니 플러스 앱 만들기 강의도 있었는데 그것도 참고해서 복습겸 만드는 사이드 프로젝트이다 ! 기간 2023.10.23 ~ 2023.10.24 (2일간) 목표 목표는 리액트 강의 복습 겸 활용에 익숙해지는 것이다. 리액트 hooks, api, props, 라우팅을 사용법을 익혀야 한다. 구현할 기능 로그인, 회원가입, 로그인 정보 저장 영화 검색 기능 찜 기능 캐러셀 상세 정보 모달 ㄱㅂㅈㄱ ~ 1일차 - 프로젝트 구상과 라우팅을..
FE 프로젝트 2023. 10. 24. 14:04
[개인 미니 프로젝트] PokeAPI로 포켓몬 도감 만들기 (4) 3일차 - 검색, 찜하기, 다크 모드 기능 추가하기

오늘은 계획된 프로젝트의 마지막 날! 마지막날이어도 ... 추가 하고 싶은 기능이 조금씩 있어서 방치하진 않을거다. 이번 프로젝트를 통해 배운점이 꽤 많다 ! 컴포넌트별로 분리해서 코드를 작성하는 것과, 라우팅, API 사용법(이걸 알았다고 해야하나), JS로 프로젝트 만들기 .. 등등 나는 몇 달째 코딩을 하고 있는데 정작 프로그래밍을 할 줄은 모른다고 생각하고 있었는데, 하면 되는구나 하고 자신감이 붙었다. 코딩 테스트는 간단하게 집중해서 풀기 좋아서 코테 문제는 조금씩 꾸준히 하면 되겠거니 싶은데, 개발자를 하려면 개발 실력이 좋아야 하는게 제일 중요하니까..! 개발을 안 해봐서 못하는건가 싶었는데 괜한 걱정이었다. 왜냐면 안 해봐서 그렇지 못해도 열심히 꾸준히 차곡차곡 경험을 쌓아가면 그게 실력이..
FE 프로젝트 2023. 9. 7. 22:40
[개인 미니 프로젝트] PokeAPI로 포켓몬 도감 만들기 (3) 2일차 - 메인 페이지, 서브 페이지 구현 / 컴포넌트, 라우팅 기능

2일차인 09.06(수)에는 메인 페이지와 서브 페이지를 구현하는게 목표다. 컴포넌트별로 파일을 분리하고 라우팅 기능으로 프로젝트를 만들어야 한다.(해야함 해야해) 어렵고 처음 해 보는건 의외로 잘 됐는데, 진짜 기본적인 쉬운 부분에서 오래 막혀서 화가 났다... 왜 css에서 막히는거야...?? ㅠㅜ 아무튼 이번에 컴포넌트별로 기능을 구현하고 연결하면서 영화 app 복습도 되고 구조를 확실히 이해하고 사용할 수 있게 되어서 좋았다. 사실.. 오후 5시까지 공부를 못해서 급하게 시작해서 새벽까지 했는데 생각보다 공부 시간이 잘 나왔다.!.! ㅋㅋㅋㅋㅋㅋ 프로젝트를 하니까 복습도 확실히 되고 실력이 쭉쭉 느는게 느껴진다...! 아직 내가 할 수 없는 부분은 최대한 시도해보다가 안되면 과감히 미뤄두고 지금 ..
FE 프로젝트 2023. 9. 7. 12:21
[개인 미니 프로젝트] PokeAPI로 포켓몬 도감 만들기 (2) 1일차 - API 얻어오기

1일차인 09.05(화)에는 API를 가져와서 콘솔에 출력하는게 목표다. API를 내 힘으로 가져와서 사용해본 적이 없어서 조금 걱정 + 막막하기도 했다. 다사다난한... API 사용하는걸 본 적은 있어도 어떻게 찾고 어떻게 적용하는지는 잘.. 모르는 나... 어렵다... 하지만 이번에 챗 지피티 센세의 도움을 많이 받긴 했지만 비동기를 많이 사용하는구나.. 어떻게 사용하는구나.. 를 알게 되어서 나름 얻어간게 있는 것 같다 ! 이런 지식과 경험이 차곡차곡 쌓여서 실력이 될거라고 믿을거다. 걱정하기 전에 하나라도 더 보고 쳐보자.. 1일차 성과 - 프로젝트 계획을 짰다. 어떤 기능을 구현할건지 정해놓고 마음도 다시 단단히 먹었다. - API를 가져와서 console에 원하는 데이터 출력에 성공했다. Po..
FE 프로젝트 2023. 9. 6. 01:13
[개인 미니 프로젝트] PokeAPI로 포켓몬 도감 만들기 (1) 프로젝트 준비

저번주부터 JS 개념을 다지고 싶어서 API를 활용해서 나만의 프로젝트를 만들어 보고 싶다는 생각을 했었다. API 사용을 하는거만 보고 따라만 했지 어떻게 사용하는건지를 몰라서 해봤었는데 너무 어렵고 복잡하고 생각처럼 되지 않아서 칼삭해버렸다....ㅜㅜ 그래서 걱정이 많았는데 그룹 스터디에서 시간도 난 김에 API를 사용한 개인 프로젝트를 하자고 제안해주셔서 아주 좋다(강제성이 생겼다) https://pokeapi.co/docs/v2 Documentation - PokéAPI If you were using v1 of this API, please switch to v2 (this page). Read more… Quick tip: Use your browser's "find on page" featu..
FE 프로젝트 2023. 9. 6. 00:39
패스트캠퍼스 FE 부트캠프 | JS 프로젝트 사진 관리 앱 만들기 과제 후기

패스트캠퍼스 과정으로 자바스크립트 과제하는 시간을 2주정도 가졌다. 주제는 사진 관리 앱 만들기인데, 조금 특별하게 꾸며보고 싶어 즐겨하던 동물의 숲 게임을 바탕으로 주민 관리 시스템을 만들어 보기로 했다. 프로젝트 소개 https://animal-crossing-project.web.app/index.html 동물의 숲 animal-crossing-project.web.app 이번 프로젝트의 배포 링크이다. 사용한 기술 : 파이어베이스, HTML/CSS/JavaScipt/JQuery 주민 목록을 확인할 수 있다. 등록하기(upload) 페이지로 이동할 수 있으며, 주민 정보 수정, 삭제가 가능하다. 등록하기 페이지로 주민 정보를 입력하고 등록할 수 있다. 주민 정보를 수정할 수 있다. 사진도 변경할 수..
FE 프로젝트 2023. 8. 28. 10:47
이전 Prev 1 Next 다음