[포스코x코딩온] 웹개발자 풀스택 과정 4차 팀프로젝트 - 회고록(1)

배포 링크 : https://doongg.site/ 깃 허브 : https://github.com/orgs/DoongG/repositories 🐣 DoongG(둥지) 드디어 부트캠프의 마지막 프로젝트가 시작되었다. 기간이 긴 만큼 기획과 개발까지 차근차근 시작했다. 팀원은 자유였으며 나는 원래 친한 5명의 크루들과 함께 프로젝트를 시작했다. 총 5명이었으며 프론트 3명 백엔드 2명으로 이루었다. 주제를 정해야 했다. 팀원 모두의 흥미를 이끌 수 있는 주제를 생각해봤다. 우리 팀원들 과반 수 이상이 혼자 산 경험이 있었다. 그래서 자취생들을 위한 플랫폼을 만들기로 했다. 플랫폼에 어떤 것을 넣을 까 생각을 해봤는데 자취생들은 일반적으로 돈이 부족하기 때문에 '핫딜 상품'만 모아둔 쇼핑 페이지, 자취생들끼리..

• format_list_bulleted 프로젝트
• · 2023. 12. 11.
• textsms

[포스코x코딩온] 웹개발자 풀스택 과정 3차 개인프로젝트 - 회고록

배포링크 : https://www.mymovieapp.store 깃허브 : https://github.com/7jjin/My-Movie 🔥JinCha 리액트를 배운지 2주가 지나고 1주일 간의 짧은 개인 프로젝트 시간을 가졌다. 리액트를 처음 배웠고, 소규모 프로젝트인 만큼 어떤 새로운 아이디어를 도출해 개발하는 것 보단 클론 코딩을 통해 지금 까지 배운 리액트를 적용해보자는 마인드가 강했다. 여러 사이트가 있었지만 최근 취미를 두고 있는 영화와 관련된 사이트를 찾아봤다. 그 중 왓챠가 디자인이 맘에 들었고, 전체 적인 틀은 그대로 따라 하되, 내가 원하는 기능을 몇개 넣어봤다. ⚒️ 추가한 기능 (리액트X) 기능1 : 일별(주간) 박스오피스 정보 가져오기 + 포스터 처음 영화 사이트를 만드려고 할 때 ..

• format_list_bulleted 프로젝트
• · 2023. 10. 23.
• textsms

[포스코x코딩온] 웹개발자 풀스택 과정 9기 12주차 회고록 - React useEffect

🤔 useEffect 란? 모든 컴포넌트에는 생성되고 업데이트 되고 사라지는 생명주기를 가지고 있다. 이를 각각 Mount, Update,UnMount로 부른다. Mount : DOM이 생성되고 웹 브라우저 상에 나타남. Update : Props or State가 바뀌었을 때 업데이트 함. Unmount : 컴포넌트가 화면에 사라질 때. 이 처럼 컴포넌트의 생명주기를 역할을 하는 것을 useEffect()함수를 사용해서 조절할 수 있다. ✏️ 사용 방법 1. 기본 형태 useEffect(function,deps) ● function : 랜더링 이후 실행할 함수를 써준다. ● deps : function을 실행 시켜줄 조건을 써준다. 배열 형태로 사용한다. 이 값의 따라 useEffect가 실행될지 안될..

• format_list_bulleted 포스코x코딩온
• · 2023. 9. 28.
• textsms

[포스코x코딩온] 웹개발자 풀스택 과정 9기 12주차 회고록 - React Props

🤔 Props란? - 프로퍼티, props(properties의 줄임말) 라고 한다. - 상위 컴포넌트가 하위 컴포넌트에 값을 전달할때 사용한다. (단반향의 데이터 흐름을 갖기 때문에 부모에서 자식으로한테만 전달 가능) props에서 가장 중요한 것은 상위 컴포넌트에서 하위 컴포넌트로 밖에 전달이 되지 않는다는 것이다. 또한 이렇게 보내진 props는 수정할 수 없다. (자식 입장에서는 읽기 전용인 데이터다) 🤓 사용 방법 props를 넘길때에는 2가지 경우가 있다. 문자열로 보내는 방식과 문자열 외의 값을 전달할 경우다. ⚫ 문자열로 보내는 방식 프로퍼티 타입이 문자열이 경우, 큰 따옴표("")를 사용한다. ⚫ 그 외의 방식 { alert('알림창'); }} //함수 /> 문자열 타입 이외의 프로퍼티 ..

• format_list_bulleted 포스코x코딩온
• · 2023. 9. 24.
• textsms