profile
[...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)
post-thumbnail

비어있는 객체의 property 호출 시 문제

만약 정의는 되어 있지만, 내용이 없는 객체가 하나 있다고 하자만약 존재하지 않는 프로퍼티를 호출하면 그냥 undefined 가 뜬다여기까지는 별 문제가 없다만약 객체의 프로퍼티 내의 또 다른 프로퍼티를 호출하는 경우 Error가 발생한다해당 경우는 다음과 같다이 경우

2022년 2월 3일
·
0개의 댓글
post-thumbnail

[React][유효성검사] | 두 개의 데이터로 유효성 검사하기(사용자계정)

솔직히 검사 방식은 간단삼항 연산자 적용해서 그냥 버튼 색상만 바꾸면 된다.버튼 색상 특성은 이전에 해봤으니 새 유효성 함수에 이식만 하면 되고...근데 이전에 parent component에서 child element에 바로 onChange를 붙여서 안되던 실수가 있

2021년 12월 19일
·
0개의 댓글
post-thumbnail

[React] | Child 컴포넌트 -> Parent 컴포넌트 데이터 전송

내가 생각한 구성은 위와 같다우선 부모 컴포넌트에서는 인자로 받은 데이터로 state를 변경할 함수를 만들어주고자녀 컴포넌트에서는 발생한 이벤트의 value를 해당 함수에 넣어주면 된다부모 컴포넌트의 함수는 props를 통해 자녀 컴포넌트로 전달하고자녀 컴포넌트에서 전

2021년 12월 19일
·
0개의 댓글

React-Props event 전달

곰곰히 생각해봐.setColor 함수는 분명 부모 컴포넌트의 useState hook을 통해 정의된 함수야.근데 그거는 부모 컴포넌트에서 라는 자녀 컴포넌트의 state를 바꾸지.즉, 일련의 과정이1\. 부모 컴포넌트에서 useState로 color, setColor

2021년 12월 17일
·
0개의 댓글

React-Props

부모 컴포넌트로부터 전달 받은 데이터를 지니고 있는 객체props는 객체이다이것은 props는 어떠한 정보, 데이터를 담는 그릇이라는 의미결과적으로 props는 컴포넌트에 전달되는 parameter 값을 의미부모 컴포넌트 안에서 자식 컴포넌트의 attribute 값 =

2021년 12월 17일
·
0개의 댓글