Project

Westagram colon ▶︎ 학습목표 > HTML태그를 이용하여 구조짜기 CSS 기초 개념을 활용하여 원하는 디자인 짜기 개발자도구를 활용하기 ✓ Mission1 로그인 페이지 레이아웃 ✓ Mission2 id,pw 입력 시 로그인 버튼 활성화 ✓ Missio

HTML태그를 이용하여 구조짜기CSS 기초 개념을 활용하여 원하는 디자인 짜기개발자도구를 활용하기자바스크립트로 기능 구현하기id, pw 에 각각 한 글자 이상 써야 버튼이 활성화 되도록 해주세요.원래 연한 파란색이었다가 -> 활성화 되면 파란색으로!댓글 input 창에

로그인 버튼 활성화 시, 삼항 연산자로 구현!삼항연산자로 구현한 것을 거의 포기했었다.그런데 자꾸 신경쓰여서 결국 자리를 잡고, 구현하려고 자리를 잡았다.삼항연산자로 구현하는게 익숙치 않아서 어려웠다.true 인 경우, 2개의 결과값(버튼 활성화, 배경색 변경)을 가져

My code 리팩토링My code리팩토링My code리팩토링My code리팩토링name은 input tag 에만 있는 속성!

My code리팩토링My code리팩토링사실 Mock data를 구현 중에 코드도 많이 바뀌고 컴포넌트화하던 중에 일이 생겨 전날 PR 한 것을 토대로 코드리뷰를 받았다.코드리뷰를 받은 것을 하나하나 보고, 놓친 부분도 많아 깨달은 점이 많다.그리고 아직 적용하지 못한

구현기능드롭메뉴 (마우스 이벤트)Header.js마우스를 올렸을 때, 안올렸을 때 값이 바뀌어야 하니 state,setState 설정메인메뉴 컴포넌트에 마우스이벤트 props로 전달조건이 참인 경우(isDropdownOpen:true)에 드롭메뉴가 화면에 구현되도록 조

구현기능onChange, onClick 이벤트를 통한 로그인 기능 구현SignIn.js로그인페이지에서 아이디,비밀번호 인풋창에서 입력될 값은 바뀌기 때문에 state,setState 설정아이디,비밀번호 인풋창은 회원가입페이지에서도 재사용이 가능할 수가 있어서 컴포넌트로

구현기능 onClick, onKeyPress을 통해 검색결과페이지로 이동 withRouter 로 history, match, location 객체 접근Search.jshandleSEarchResult는 onClick 이벤트에 해당되는 함수이다.인풋창에 값이 1

구현기능인가(Authorization), 조건부렌더링, config파일Cart.js제일 먼저 시작되는 함수 componentDidMount를 통해 서버에 유저의 인가를 확인하여 장바구니의 정보를 가져오는 것이다.유저가 요청한 request를 실행 할 수 있는 권한이 있

▶︎ 팀명 : HHYYY (훈훈한연들) ▶︎ 개발기간 : 2021.10.04 ~ 2021.10.15 ▶︎ 개발 인원 Front-End 3명 : 박미연, 박세연, 윤수연 Back-End 2명 : 김지훈, 박치훈 ▶︎ 적용 기술 및 구현 기능 Front-End : Reac

슬라이더 라이브러리 Slick carousel 사용class형 component 말고, function형 component 쓰기styled.component 사용slick carousel library컴포넌트 재사용조건부렌더링에 따라 할인,대여 패치 구분MainLayo

▶︎ 메인페이지 > 실시간 시계구현 별점 기능 구현 구현기능 new Date() MainLayout.js

▶︎ 팀명 : RIDIBOOKSLBOOKSL (리디북슬북슬) ▶︎ 개발기간 : 2021.10.18 ~ 2021.10.29 ▶︎ 개발 인원 Front-End 4명 : 김수민, 김용현, 박세연, 이나영 Back-End 2명 : 이기용, 이정아 ▶︎ 적용 기술 및 구현 기능

댓글기능을 추가하기 위해 처음 배웠던 react classfuntion 과 scss 다시 적용!구조가 바뀌면서 파일이 추가되서 css 다시 적용 부모컴포넌트 자식컴포넌트 부모컴포넌트 자식컴포넌트 야호!처음 만들었던 프로젝트였던 위스타그램의 댓글 추가기능을 구현했다

Error handling > title / option 을 입력하는 input 창에 값이 안 들어갔을 경우에 비어있는 input창에 Error message 띄우기

구현기능상품수량수정TableBody.js구현 영상최근까지는 functional component를 사용했어서 오랜만에 class component를 쓰려니 헷갈렸다. useState의 편리함을 다시금 알게된..?현재 백엔드서버 없이 추가구현하고 있기 대문에 백엔드에서