hwlink

고정 헤더 영역

글 제목

메뉴 레이어

hwlink

메뉴 리스트

  • 홈
  • 태그
  • 방명록
  • 분류 전체보기
    • Memo
    • Library
    • Coding
      • Svelte,Sveltekit
      • React
      • JS
      • CSS
      • 알고리즘
      • Error
      • TypeScript
      • WEB
      • Network
    • Git
    • Code
    • 마우스버리기
    • Project
      • Weasly(화장품결제구독서비스)
      • Hines(리빙쇼핑몰)
      • 기업협업
    • book

검색 레이어

hwlink

검색 영역

컨텐츠 검색

인스타그램클론

  • [React] westagram 메인화면 기능 구현 1

    2021.11.22 by hwlink

[React] westagram 메인화면 기능 구현 1

최종구현목표리액트로 인스타그램 클론코딩  깃으로 공유한 Nav.js, variables.scss, reset.scss, common.scss  state와 함수 댓글이 입력된 댓글리스트를 컴포넌트화컴포넌트화 된 리스트 map 메서드 사용 form tag 내부 input, button 리스트와 이벤트  ㅇ 구현 사항 설명로그인, 피드 레이아웃팀원들간 nav 컴포넌트 공용사용팀원들간 variables.scss 변수 지정하여 공동사용useState 활용하여 로그인, 피드 댓글 기능 추가작성할때마다 나타나는 Review 컴포넌트화하여 map함수로 구현하였습니다.로그인 유효성 검사, 댓글 input 유효성 검사 (조건문을 활용하여 로그인버튼,..

Coding/React 2021. 11. 22. 09:59

추가 정보

인기글

최신글

페이징

이전
1
다음
TISTORY
hwlink © Magazine Lab
페이스북 트위터 인스타그램 유투브 메일

티스토리툴바