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

단일 HTML 요소를 return 하는 컴포넌트에 width 등을 적용하는 경우

제목 그대로 단일 HTML 요소나 container 박스를 return 하는 컴포넌트의 경우 해당 컴포넌트 자체에 wdith 등을 적용하면 마치 container에 width를 적용하는 것과 동일하다고 생각하기 쉬우나 그렇지 않다컴포넌트는 하나의 HTML 요소 덩어리를

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

불변성

불변성 : 값이나 상태를 변경할 수 없는 것원시타입은 불변성을 가지고 있다string의 값은 data2로 변경 되었다.불변성이 아닌가??불변성의 의미는 값이 완전하게 고정되어 있다는 의미가 아니라메모리 영역에서 새로운 영역이 string 변수에 할당 된 것이다즉, \*

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

[React][무한렌더링] | useEffect에서 fetch() method 사용 시...

매 렌더링 마다 side effect가 실행된다만약 콜백함수로 fetch() method가 온 경우, 렌더링 마다 fetch method 실행 됨fetch method로 받아온 데이터를 state에 setState를 이용하여 넣는다면, 이전에 저장되어 있던 데이터와 동

2022년 1월 2일
·
0개의 댓글

React-Props event 전달

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

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

React-State

컴포넌트 내부에 가지고 있는 컴포넌트의 상태값컴포넌트 === 덜 익은 바나나 이렇게 관계를 설정해보자그리고 바나나의 표면 색상을 CSS의 color 특성이라고 가정하자<컴포넌트이름 style={{color: '특정색상'}}>;바나나의 향이나 모양 등 어떤 것도 변

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