태그 목록
전체보기 (58)JavaScript(22)React(9)CSS(6)html(6)비동기(4)codekata(3)array(3)method(3)if(2)lifecycle(2)API(2)조건부 렌더링(2)deepdive(2)scope(2)git(2)github(2)library(2)router(2)Comment(2)component(2)button(2)Map(2)spa(2)const(2)let(2)variable(2)CS(2)class(2)coding test(2)basic(2)math(1)goorm(1)선언(1)semantic tag(1)promise(1)video(1)useRecoilState(1)타입 변환(1)싱글 스레드(1)programmers(1)상태 관리(1)dynamic routing(1)instance(1)URI(1)framework(1)논리연산자(1)rebase(1)catch(1)restful api(1)http(1)bind(1)Box Model(1)동적 라우팅(1)CRA(1)block level(1)process(1)REST(1)non - constructor(1)project(1)useSetRecoilState(1)전역 상태 관리(1)call stack(1)MPA(1)프론트엔드(1)input(1)float(1)convention(1)hosting(1)Recoil(1)버전 관리(1)await(1)img tag(1)useState(1)구조(1)event loop(1)new.target(1)chat(1)async(1)node.js(1)신입 개발자(1)study(1)&&(1)useRecoilValue(1)실행 구조(1)layout(1)legacy(1)hoisting(1)멀티 스레드(1)settings(1)반복문(1)switch(1)@media(1)querySelectorAll()(1)var(1)quiz(1)data type(1)삼항연산자(1)homebrew(1)media query(1)State(1)Sort(1)this(1)arrow function(1)DOM(1)css variable(1)nvm(1)Constructor(1)웹아키텍쳐(1)memory heap(1)개발 환경 세팅(1)CSR(1)SSR(1)렌더링(1)Single Thread(1)background image(1)type(1)회사(1)max(1)data(1)Markdown(1)단축 평가(1)http method(1)Fetch(1)Query String(1)display(1)style(1)참조 타입(1)객체지향(1)readline(1)output(1)Fulfilled(1)semantic web(1)변수(1)rendering(1)styled component(1)CRUD(1)math object(1)원시 타입(1)min(1)ES6(1)componentDidMount(1)Pending(1)jdk(1)algorithm(1)Rejected(1)promise.all(1)multi thread(1)environment variable(1)callback queue(1)Cording Test(1)apply(1)call(1)new Object(1)tag(1)function(1)Counting(1)watchman(1)@Resource(1)virtual DOM(1)path parameter(1)object(1)할당(1)asynchronous(1)web(1)position(1)

TIL. 40 React - 버튼 컴포넌트

버튼을 컴포넌트화 시켜 사용할 때, 기본적으로 버튼에 사용되는 속성을 미리 지정해놓고 사용 위치에서 해당 내용을 props로 내려주면 간단히 사용이 가능하다. 💡 기본 형태 버튼 텍스트, 활성화 등 필요한 속성에 대한 값을 사용할 위치에서 지정해 사용한다. 💡

2021년 7월 29일
·
0개의 댓글

TIL. 37 React - Styled Component를 사용한 버튼 색 바꾸기

아직 익숙치는 않지만 이리저리 코드를 수정하며 사용법에 대한 아주 대략적인 감은 get했나..? hook과 styled component에 대한 내용을 공부하며 작성하는 게시글이 많아질 것 같다.

2021년 7월 20일
·
0개의 댓글