[...Way to FrontEnd Web Developer]
태그 목록
- 전체보기(99)
- CSS(14)
- JavaScript(11)
- 자바스크립트(6)
- React(5)
- Props(5)
- git(3)
- Fetch(3)
- html(3)
- http(3)
- State(3)
- 불변성(2)
- styled components(2)
- 동기(2)
- 리액트(2)
- 로그인(2)
- 알고리즘(2)
- 비동기(2)
- Date객체(2)
- TIL(2)
- path parameter(2)
- 객체(2)
- lexical(1)
- 비어있는 props(1)
- 배열(1)
- asynchronous(1)
- 페이지 이동(1)
- component(1)
- 렉시컬(1)
- 콜백(1)
- refactoring(1)
- npm run build(1)
- even digits(1)
- promise(1)
- 커스텀 훅(1)
- 캐러셀(1)
- ScrollIntoView(1)
- ReactComponent(1)
- terminal(1)
- text align(1)
- React 개발환경(1)
- svg 파일(1)
- dropdown(1)
- 스코프 체인(1)
- 객체 속성명(1)
- Restful(1)
- 스코프(1)
- rebase(1)
- 동적 라우팅(1)
- literal(1)
- linux(1)
- 배포(1)
- deployment(1)
- transform(1)
- REST(1)
- 가상요소(1)
- 세션(1)
- git remote(1)
- 모듈(1)
- 통신(1)
- 컴포넌트(1)
- 윈도우(1)
- 물음표 연산자(1)
- consecutive(1)
- url(1)
- 유튜브(1)
- repository url(1)
- type="button"(1)
- button type(1)
- permission denied(1)
- callback(1)
- 전역서체(1)
- Module(1)
- 프론트엔드(1)
- input(1)
- scalex(1)
- toDateString(1)
- 사용법(1)
- Recoil(1)
- await(1)
- css 변경(1)
- useState(1)
- 계산된 속성명(1)
- 자동 슬라이드(1)
- async(1)
- commit 돌아가기(1)
- form태그(1)
- return(1)
- 사용자지정(1)
- class(1)
- remote url(1)
- Flex(1)
- pagination(1)
- array 요소 추가(1)
- github pages(1)
- 이미지 공백(1)
- Uncaught TypeError(1)
- ESLint(1)
- Prettier(1)
- optional chaining(1)
- 무한 슬라이드(1)
- layout(1)
- 함수 바인딩(1)
- 생성자함수(1)
- access token(1)
- 무한렌더링(1)
- keyframes(1)
- set 객체(1)
- deploy(1)
- 쿼리스트링(1)
- 제거(1)
- REST API(1)
- font family(1)
- 사용자계정(1)
- 회원가입(1)
- 이전 커밋(1)
- Computed property Name(1)
- 특정요소(1)
- z-index(1)
- 자동 스크롤(1)
- window.open(1)
- before(1)
- build(1)
- script tag(1)
- input 태그(1)
- Globalstyle(1)
- new(1)
- useMemo(1)
- useRef(1)
- synchronous(1)
- inline block(1)
- 리팩토링(1)
- 함수(1)
- grid 기초(1)
- 비어있는 객체(1)
- checkbox(1)
- 클릭 이벤트(1)
- transform-origin(1)
- semantic(1)
- form 태그(1)
- useCallback(1)
- 날짜(1)
- map method(1)
- props 객체(1)
- window.location.(1)
- 추가(1)
- Date object(1)
- 개발자(1)
- binding(1)
- inline(1)
- transition(1)
- 컴포넌트데이터전송(1)
- custom hook(1)
- 클래스(1)
- after(1)
- 페이지네이션(1)
- git workflow(1)
- animation-fill-mode(1)
- pages(1)
- array(1)
- form(1)
- youtube(1)
- 실행 컨텍스트(1)
- user(1)
- Query String(1)
- 조건부렌더링(1)
- aws(1)
- 바인딩(1)
- css 변화(1)
- 삭제(1)
- new Set(1)
- 동영상 삽입(1)
- svg(1)
- react component return(1)
- Database(1)
- Map(1)
- iframe(1)
- Token(1)
- 유효성(1)
- svg 이미지(1)
- 연속 수(1)
- pseudo element(1)
- 특정 요소 자동 스크롤(1)
- 수정(1)
- grid(1)
- algorithm(1)
- 생성자(1)
- Stateless(1)
- netlify(1)
- 특정 요소(1)
- property name(1)
- img 중앙정렬(1)
- date 객체(1)
- 이전 commit(1)
- query parameter(1)
- 웹폰트(1)
- animation(1)
- Event(1)
전체보기 (99)CSS(14)JavaScript(11)자바스크립트(6)React(5)Props(5)git(3)Fetch(3)html(3)http(3)State(3)불변성(2)styled components(2)동기(2)리액트(2)로그인(2)알고리즘(2)비동기(2)Date객체(2)TIL(2)path parameter(2)객체(2)lexical(1)비어있는 props(1)배열(1)asynchronous(1)페이지 이동(1)component(1)렉시컬(1)콜백(1)refactoring(1)npm run build(1)even digits(1)promise(1)커스텀 훅(1)캐러셀(1)ScrollIntoView(1)ReactComponent(1)terminal(1)text align(1)React 개발환경(1)svg 파일(1)dropdown(1)스코프 체인(1)객체 속성명(1)Restful(1)스코프(1)rebase(1)동적 라우팅(1)literal(1)linux(1)배포(1)deployment(1)transform(1)REST(1)가상요소(1)세션(1)git remote(1)모듈(1)통신(1)컴포넌트(1)윈도우(1)물음표 연산자(1)consecutive(1)url(1)유튜브(1)repository url(1)type="button"(1)button type(1)permission denied(1)callback(1)전역서체(1)Module(1)프론트엔드(1)input(1)scalex(1)toDateString(1)사용법(1)Recoil(1)await(1)css 변경(1)useState(1)계산된 속성명(1)자동 슬라이드(1)async(1)commit 돌아가기(1)form태그(1)return(1)사용자지정(1)class(1)remote url(1)Flex(1)pagination(1)array 요소 추가(1)github pages(1)이미지 공백(1)Uncaught TypeError(1)ESLint(1)Prettier(1)optional chaining(1)무한 슬라이드(1)layout(1)함수 바인딩(1)생성자함수(1)access token(1)무한렌더링(1)keyframes(1)set 객체(1)deploy(1)쿼리스트링(1)제거(1)REST API(1)font family(1)사용자계정(1)회원가입(1)이전 커밋(1)Computed property Name(1)특정요소(1)z-index(1)자동 스크롤(1)window.open(1)before(1)build(1)script tag(1)input 태그(1)Globalstyle(1)new(1)useMemo(1)useRef(1)synchronous(1)inline block(1)리팩토링(1)함수(1)grid 기초(1)비어있는 객체(1)checkbox(1)클릭 이벤트(1)transform-origin(1)semantic(1)form 태그(1)useCallback(1)날짜(1)map method(1)props 객체(1)window.location.(1)추가(1)Date object(1)개발자(1)binding(1)inline(1)transition(1)컴포넌트데이터전송(1)custom hook(1)클래스(1)after(1)페이지네이션(1)git workflow(1)animation-fill-mode(1)pages(1)array(1)form(1)youtube(1)실행 컨텍스트(1)user(1)Query String(1)조건부렌더링(1)aws(1)바인딩(1)css 변화(1)삭제(1)new Set(1)동영상 삽입(1)svg(1)react component return(1)Database(1)Map(1)iframe(1)Token(1)유효성(1)svg 이미지(1)연속 수(1)pseudo element(1)특정 요소 자동 스크롤(1)수정(1)grid(1)algorithm(1)생성자(1)Stateless(1)netlify(1)특정 요소(1)property name(1)img 중앙정렬(1)date 객체(1)이전 commit(1)query parameter(1)웹폰트(1)animation(1)Event(1)
[React][유효성검사] | 두 개의 데이터로 유효성 검사하기(사용자계정)
솔직히 검사 방식은 간단삼항 연산자 적용해서 그냥 버튼 색상만 바꾸면 된다.버튼 색상 특성은 이전에 해봤으니 새 유효성 함수에 이식만 하면 되고...근데 이전에 parent component에서 child element에 바로 onChange를 붙여서 안되던 실수가 있
2021년 12월 19일
·
0개의 댓글
[React] | Child 컴포넌트 -> Parent 컴포넌트 데이터 전송
내가 생각한 구성은 위와 같다우선 부모 컴포넌트에서는 인자로 받은 데이터로 state를 변경할 함수를 만들어주고자녀 컴포넌트에서는 발생한 이벤트의 value를 해당 함수에 넣어주면 된다부모 컴포넌트의 함수는 props를 통해 자녀 컴포넌트로 전달하고자녀 컴포넌트에서 전
2021년 12월 19일
·
0개의 댓글React-State
컴포넌트 내부에 가지고 있는 컴포넌트의 상태값컴포넌트 === 덜 익은 바나나 이렇게 관계를 설정해보자그리고 바나나의 표면 색상을 CSS의 color 특성이라고 가정하자<컴포넌트이름 style={{color: '특정색상'}}>;바나나의 향이나 모양 등 어떤 것도 변
2021년 12월 17일
·
0개의 댓글