팁27 react vscode snippets 찍기 리액트를 다루는 기술 ( 프론트엔드 프로젝트: 시작 및 회원 인증 구현 ) (velog.io) 리액트를 다루는 기술 ( 프론트엔드 프로젝트: 시작 및 회원 인증 구현 ) 이번 작업은 24 , 25 , 26, 27 챕터에 걸쳐 진행된다고 한다.실습 흐름작업 환경 준비회원 인증 UI 구현회원 인증 리덕스 연동헤더 컴포넌트 만들기로그인 유지 및 로그아웃blog 디렉토리에 blog-frontend velog.io import React from 'react'; import styled from 'styled-components'; const ${TM_FILENAME_BASE} = () => { return AuthForm; }; const ${TM_FILENAME_BASE}Block = styled.div``;.. 2022. 3. 21. 리액트 팁들 정리중 forEach로 컴포넌트 호출 불가 https://richwind.co.kr/89 .map((b) => ( )) https://webisfree.com/2020-03-24/[react]-classname%EC%9D%84-%EC%A1%B0%EA%B1%B4%EC%97%90-%EB%94%B0%EB%9D%BC-%EC%97%AC%EB%9F%AC%EA%B0%9C-%EB%8B%A4%EC%9D%B4%EB%82%98%EB%AF%B9%ED%95%98%EA%B2%8C-%EC%84%A0%EC%96%B8%ED%95%98%EA%B8%B0 조건부 클래스명 [react] className을 조건에 따라 여러개 다이나믹하게 선언하기 (webisfree.com) [react] className을 조건에 따라 여러개 다이나믹하게 선언하기.. 2022. 2. 27. react 반복문(map, filter, forEach)에서 컴포넌트 호출하기 데이터를 가지고 오는데 사실 server에서 BestBoard만 가져오면 되는데 그거 하기 귀찮아서 그냥 통으로 데이터 긁어와서 BestBoard만 뽑아내 주고 싶어졌는데 컴포넌트 호출할때 조건을 쓰는게 끔찍하게도 어렵다. 암튼 찾은 방법은 filter로 조건을 처리하고 map으로 호출하면 된다. {mainContent .filter((v) => v.title === "오늘의 인기글") .map((b) => ( ))} 사실 이것보다 더 좋은 방법은 그냥 서버쪽에서 데이터를 정렬해서 보내주고 우리는 최상위 성분을 가져다 쓰면 된다. 그냥 귀찮아서 위와같은 삽질을 했는데 해보니까 서버 정렬이 훨 낫다. router.get("/board/list", async (req, res) => { const board.. 2022. 2. 27. 비발디파크 무료 셔틀 신청못했을때 대중교통으로 이동하기 시외버스터미널 고속버스터미널 비발디파크 무료셔틀이 있어서 좋기는 한데 이게 사람따라서는 신청 못하는 경우도 존재한다. 그 경우 최우선적으로는 그냥 무료셔틀이 정차하는 곳으로 가서 빈자리 타겠다고 하는 것이고 또 다른 방법은 대중교통을 이용하는 것이다. 비발디파크 | 오시는 길 | 시내버스 | 홍천 | 소노호텔앤리조트 (sonohotelsresorts.com) 비발디파크 | 오시는 길 | 시내버스 | 홍천 | 소노호텔앤리조트 홍천(시내버스) 비발디파크로 오시는 다양한 방법을 안내해 드립니다. 운행업체 안내 현대교통 : 033) 433 - 0015 양덕원노선 (양덕원 비발디파크) 구분 운행지역 비고 양덕원 → 비발디파크 양덕 www.sonohotelsresorts.com 정말 다행히도 홍천에서 출발하는 노선도 존재하고 서울에서 홍천까지.. 2022. 2. 7. 이전 1 ··· 3 4 5 6 7 다음
