pathname이 일치하면 GNB tab color 유지하기전 글에서 보다시피 GNB에 따른 페이지 이동 시, color 변경은 해결되었지만 문제가 있었다.예를 들어 검색페이지가 있고, 검색결과페이지가 있다면 이 둘 모두 GNB에 있는 검색탭이 변동없이 color가 유
현재 사용자가 어느 페이지에 있는지 표시하기 위해 페이지 이동 할 때마다 GNB color 변경페이지 이동은 Link로, color 변경은 onClick 으로 단순하게 생각했었다.페이지에 머무르는 동안에는 GNB color를 유지해야 하고, 페이지 이동 할 때마다 co
제품 상세 페이지에서 "결제하기" 를 눌렀을 때, 결제페이지로 이동하면서 데이터를 전달해야 한다.다음주 월요일까지 프론트에서 주문정보를 보내서 서버에 저장되고 난 다음에 결제하는 외부 API 호출한 후, 결제를 하고.. 또 결제정보를 서버로 보낼 수 있도록 해야한다..
에러를 읽으면 답이 보인다.그렇지만 어디에 에러가 났는지 정확하게 알 수가 없는 경우도 있다.Link component에 관련해서 에러가 두 번이나 났다.경로가 잘못 지정되면 하기와 같은 에러문구들이 뜬다!.properties of nullLink error이 경우에는
React Router 화면 전환하는 Router CSS 전처리기 Sass SPA 란? single page application : 페이지가 1개인 애플리케이션 페이지 수만큼 html 파일이 존재 (mpa방식)하지만 리액트 프로젝트에서 .html 파일은 1개
리액트 프로젝트를 시작하는데 필요한 개발환경을 세팅해주는 도구 (Toolchain)CRA뿐만 아니라 Next.js / Gatsby 등이 있다.TypeScript 과제를 수행하기 위해 초기세팅을 혼자서 했다.로컬 컴퓨터에서 폴더을 만들어서 react 설치 후 깃허브와 연
구현기능상품수량수정TableBody.js구현 영상최근까지는 functional component를 사용했어서 오랜만에 class component를 쓰려니 헷갈렸다. useState의 편리함을 다시금 알게된..?현재 백엔드서버 없이 추가구현하고 있기 대문에 백엔드에서
내 깃허브에 잔디가 안심어진 이유 기업협업 나간 이후 약 1달 동안의 잔디가 심어지지 않은 걸 바로 일주일 전에 알았다. 그동안에는 커밋 & 푸쉬를 열심히 했고, 그리고 프로젝트에 잘 반영되었기에 의심하지 않았다. 하지만 한번이라도 봤어야 했다. 의심되지 않았어도
위코드의 2개월과 기업협업 1개월이 끝나 현재 시점에서 되돌아 보는 회고 내가 생각하는 나 다른사람을 배려하고 존중하자 위코드에서의 나 팀원들에게 피해주지말고 책임감을 갖고 적극적으로 참여하자 위코드의 커리큘럼을 잘 따라갈 수 있을까 하는 생각이 제일 컸습니다. 전
Error handling > title / option 을 입력하는 input 창에 값이 안 들어갔을 경우에 비어있는 input창에 Error message 띄우기
댓글기능을 추가하기 위해 처음 배웠던 react classfuntion 과 scss 다시 적용!구조가 바뀌면서 파일이 추가되서 css 다시 적용 부모컴포넌트 자식컴포넌트 부모컴포넌트 자식컴포넌트 야호!처음 만들었던 프로젝트였던 위스타그램의 댓글 추가기능을 구현했다
▶︎ 팀명 : RIDIBOOKSLBOOKSL (리디북슬북슬) ▶︎ 개발기간 : 2021.10.18 ~ 2021.10.29 ▶︎ 개발 인원 Front-End 4명 : 김수민, 김용현, 박세연, 이나영 Back-End 2명 : 이기용, 이정아 ▶︎ 적용 기술 및 구현 기능
React 는 props 를 받아 jsx를 반환 (props ⇒ jsx) 함수형 컴포넌트 클래스형 컴포넌트와 함수 컴포넌트의 특징 클래스 : state, 라이프사이클 때문에 사용 함수는 한번 호출되면은 메모리상에서 사라짐 → state, 라이프사이클 불가능. 항상
mainLayout.jsCurrentTime.js사실 굳이 바꾸지 않아도 되지만 혼자서 신경쓰였던 부분이 있었다.10분 미만일 때 두자릿수가 되도록 하는 것이다.기존 코드에서는 되는 줄 알았다.왜냐면 분명히 toLocaleString() 속성값으로 minute:'2-d
▶︎ 메인페이지 > 실시간 시계구현 별점 기능 구현 구현기능 new Date() MainLayout.js
main개발이 합쳐져서 배포하는 곳develop배포되기 전 상태 QA과정. (실제사용해보면서 버그잡는 과정)feature각 브랜치release배포hotfix branch배포 후, 수정해서 다시 배포메인 → feature/sign-up, feature/sign-in →
슬라이더 라이브러리 Slick carousel 사용class형 component 말고, function형 component 쓰기styled.component 사용slick carousel library컴포넌트 재사용조건부렌더링에 따라 할인,대여 패치 구분MainLayo
▶︎ 팀명 : HHYYY (훈훈한연들) ▶︎ 개발기간 : 2021.10.04 ~ 2021.10.15 ▶︎ 개발 인원 Front-End 3명 : 박미연, 박세연, 윤수연 Back-End 2명 : 김지훈, 박치훈 ▶︎ 적용 기술 및 구현 기능 Front-End : Reac