profile
21c Carpenter
태그 목록
전체보기 (90)JavaScript(43)javascript30(30)React(11)CSS(6)WeCode(5)react.js(4)fixed(3)react native(3)git(3)리액트(3)project(2)video(2)absolute(2)linux(2)cloning(2)regex(2)background(2)styled component(2)array method(2)Spread Syntax(2)addEventListener(2)html(2)westagram(2)정규표현식(2)github(2)CallStack(2)regular expression(2)인증(1)mixin(1)cors(1)인가(1)increment operator(1)position(1)sticky(1)Root(1)immutablility(1)data-속성(1)promise(1)실습(1)sql(1)중앙정렬(1)splice 음수 인자(1)github 실무(1)terminal(1)불변성(1)Center(1)type change(1)clock(1)relative(1)Component Structure(1)Restful(1)Primitive Type(1)rebase(1)로딩화면(1)List(1)http(1)동적 라우팅(1)propagation(1)Cross-Origin Resource Sharing(1)무한스크롤(1)extending style(1)REST(1)코어자바스크립트(1)heap(1)movemove(1)object 순회하기(1)Location(1)Request(1)Response(1)once(1)전개구문(1)lifecycle(1)slider(1)document.documentElement(1)loading indicator(1)유사배열(1)styleWe(1)형변환(1)getBoundingClientRect(1)SpeechAPI(1)shiftKey(1)email multi choice(1)router(1)float(1)이미지경로(1)webcam(1)라이프사이클(1)null(1)cue(1)scrollLeft(1)img(1)match(1)Fetch API(1)async(1)class(1)Flex(1)&&(1)EventLoop(1)stringToNumber(1)textConent(1)authentification(1)nodeList(1)e.preventDefault()(1)login(1)git flow(1)Reference Type(1)bootcamp(1)Generic(1)클론프로젝트(1)classList(1)당근마켓(1)공식문서(1)REST API(1)speechRecognition(1)scroll(1)countdown(1)const(1)let(1)class101(1)text-shawdow(1)NODE_PATH(1)회원가입(1)key stretching(1)통신지연(1)bcrypt(1)두더지잡기(1)extend(1)auto scroll(1)key(1)instagram(1)독서후기(1)callback Hell(1)clickevent(1)local storage(1)authorization(1)개발자도구(1)복수선택(1)useRef(1)inline block(1)setInterval(1)history(1)event bubbling(1)격투 게임기 기술(1)styled components(1)dev tool(1)semantic(1)clone(1)DevTools(1)Context API(1)Expo(1)reduce(1)Single Thread(1)EventListener(1)innerText(1)key sequence(1)watchPosition(1)block(1)작성중(1)styleshare(1)inline(1)InnerHTML(1)strict mode(1)음성인식(1)array(1)extends(1)super(1)프로젝트(1)react typescript(1)spa(1)geolocation(1)숫자야구 게임(1)nosql(1)db(1)크롬 개발자도구(1)speech synthesis API(1)RDBMS(1)아날로그 시계(1)best practice(1)salting(1)리액트 구조설계(1)event delegation(1)HTMLCollection(1)Database(1)Map(1)Math.random(1)regexp(1)import not working(1)portfolio(1)Reactm(1)위코드(1)pageX(1)playbackRate(1)mobx(1)redux(1)절대경로(1)mockdata(1)audio(1)speech(1)capture(1)react router(1)scope(1)Pagenation(1)canvas(1)typescript(1)객체 불변성(1)flex panel(1)랜덤숫자뽑기(1)로그인(1)signup(1)Cheat Sheet(1)undefined(1)
post-thumbnail

다른 컴포넌트를 가져와서 extending styled-component 작성 시 스타일 적용 안되는 경우

아래와 같이, Nav 파일의 NavLogo는 Nav를 import해서 extending 형식으로 width를 설정하려고 하지만, 적용 안됨공식문서를 살펴본 결과, 아래와 같이 className을 넣어야 적용된다고 나와있음Logo.js 파일을 아래와 같이 수정한 결과 작

2021년 4월 18일
·
0개의 댓글