2022.02.24프로젝트모각코 리액트, 14화금일 포스팅 내용은 시간 가공 함수인 Moment에 관련된 내용으로 포스팅을 하려고 합니다. 변수를 지정하여, 시간과 시간 값의 차이를 나타내는 부분을 손 쉽게 Moment를 통해 나타내줄 수 있는데, 자바스크립트에서 제공하는 기본적인 시간 계산 Date 객체와는 달10
2022.02.23프로젝트모각코 리액트, 13화금일 포스팅 내용은 카테고리에 따른 필터 분류 기능에 대한 내용으로 포스팅을 진행하려고 합니다. 모각코에서 제공하는 자료 오류로 인해, 13日과 12日이 변경되었습니다 12日에 따른 과제는 손쉽게 할 수 있었는데, 13日 과제는 조금 어렵게 다가왔던 것 같습니다. 컴20
2022.02.22프로젝트모각코 리액트, 12화금일 포스팅 내용은 입력 창에 대한 렌더링에 관련된 내용으로 포스팅을 진행하려고 합니다. 모각코에서 제공하는 자료 오류로 인해, 13日과 12日이 변경되었습니다 사실 리액트 입문 전 구글링을 하다가, 리액트에서는 렌더링이 안된다는 이유로 INPUT에 대한 값들도 한번10
2022.02.21프로젝트모각코 리액트, 11화금일 포스팅 내용은 저번 10日에 이어서, 메뉴 없애기에 관련된 포스팅으로 진행을 합니다. 저번 시간에는 단순히 햄버거 메뉴를 클릭하면 메뉴바가 사라지는 기능을 구현했다면, 이번 시간에는 햄버거 메뉴를 누르면 레이아웃까지 동시에 사라지면서, 충분한 공간효과를 제공해주는10
2022.02.18프로젝트모각코 리액트, 10화금일 포스팅 내용은 햄버거바에 대한 ON/OFF 기능 구현에 대한 포스팅으로 다뤄보려고 합니다. 지금까지 컴포넌트 개념과 어느정도 리액트 동작방식에 대해서 조금씩 익숙해지는 것 같습니다. 그렇지만서도, useState를 통해 컴포넌트에서 데이터를 주고 받는 과정을 구현10
2022.02.16프로젝트모각코 리액트, 8화금일 포스팅 할 내용은 조건부 렌더링에 관련된 부분 중 삼항 연산자에 대해서 포스팅을 다뤄보려고 합니다. 삼항 연산자에 관련된 부분은 7화에서 구현했던 좋아요 기능에 메세지를 넣어, 사용자가 누른 좋아요 기능에 대한 활성 및 비활성 상태를 알려주는 시스템 메세지 기능을00
2022.02.15프로젝트모각코 리액트, 7화금일 포스팅 내용은 조건부 렌더링에 관련된 내용으로 포스팅을 다뤄보려고 한다. 말 그대로, 조건에 따라 새롭게 렌더링을 시켜준다는 의미를 가지며, 리액트에서는 JSX를 사용할 때, 다음과 같이 사용을 할 수 있다. return ( ... { 조건 && 컴포넌10
2022.02.14프로젝트모각코 리액트, 6화금일 포스팅 내용은 유튜브 클론코딩 전, 데이터 구조에 관련된 내용으로 다뤄보았습니다. 모각코에서 제공해준 유튜브 JSON 파일에서 데이터를 추출하게 하게되면, 데이터에 대한 세부 목록을 볼 수 있습니다. 먼저 JSON을 사용하기 위해서 import 구문을 통해 객체10
2022.02.11프로젝트모각코 리액트, 5화금일 포스팅 내용은 Props 응용 및 사용자 입력에 따른 구구단 출력 컴포넌트 에 관련된 내용으로 진행을 해보았습니다. 그 동안 다른 모각코 챕터 과정에서는 배운 것들을 복습하는 부분이었다면, 리액트는 처음부터 끝까지 처음하는 부분이라서 시간을 조금 더 많이 할애하게00
2022.02.09프로젝트모각코 리액트, 4화금일 포스팅 내용은 UseState Hook에 관련된 내용으로 진행을 해보았습니다. 처음에는 React의 장점이 무엇일까 생각하고 또 생각하며 찾곤했는데, 이렇게 배워가는 지금 장점이 점점 뚜렷하게 보이는 것 같습니다 ;-) 라이브러리를 사용하니까 확실히 편리하게 작용10
2022.02.08프로젝트모각코 리액트, 3화금일 포스팅 내용은 Module CSS 사용에 관련된 부분입니다. 2장의 챕터 부분에서 포스팅된 부분에서 CSS를 사용해보긴했지만, 그것이 온전히 전체적인 부분으로 적용이 되는지 잘 몰랐습니다,, 3장에서 Module CSS를 통해 개별적으로 CSS 속성 부여가 가능하10
2022.02.07프로젝트모각코 리액트, 2화리액트를 정말 처음으로 접해보아서, 문법 자체가 신기하고 새롭습니다! 컴포넌트 개념을 사용하여서 IMPORT 하고, EXPORT 하는 개념들이 제게는 정말 재미있었습니다. export default 와 같이 하나만 export 하는 개념과는 달리, 여러 개를 연동할 수10
2022.02.04프로젝트모각코 리액트, 1화H4VEBEAUTY 00 BRADING PAGE 현재 H4VEBEAUTY 00 이라는 브랜드를 가지고 있습니다. 아직까지는 비디오 브랜드로써 활동을 하고 있지만, 추후에는 다양한 방면으로 도전을 하고 싶은 마음입니다. 현재 제가 간단하게나마 구축한 사이트로 활동을 10