# styledComponent

13개의 포스트
post-thumbnail

React | 밀리의 서재 클론 프로젝트 회고록 ✨

밀리의 서재 클론 프로젝트

2021년 10월 3일
·
0개의 댓글
post-thumbnail

MongoDB & React 복습

0929이전에 했던 내용이지만 DB를 MySQL에서 MongoDB로 바꾸어서 배포 진행1) AWS 에서 EC2 인스턴스 만들고 탄력적 IP주소 발급 받기2) putty를 이용하여 Ubuntu 터미널 실행3) 패키지 설치하기4) Filezila 를 이용하여 VScode에

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

[React]Styled Component

styled component 를 import 해준다사용하고 싶은 컴포넌트를 만든다const 뒤에 사용하고 싶은 컴포넌트명을 넣어준다(첫글자는 대문자로 사용) styled. 뒤에 원하는 element 태그명 작성 백틱사용해서 그 안에 원하는 style 작성원하는 곳에

2021년 9월 26일
·
0개의 댓글
post-thumbnail

TIL 042 | Styled-Component

리액트를 사용하면서 SASS 를 사용하게 됐다. 기존의 CSS 만을 사용하는 경우에 비해서 nesting으로 인한 편리함이 마음에 들었다. 또, class 명 역시 비교적 길어지지 않게 작성할 수 있어서 편리했다. 하지만, 여전히 class 명에 대한 고민은 존재했고

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

Project - 2 - Clone - KREAM

부트캠프 2차 팀프로젝트로 팀원 6명이 한 팀으로 구성되어 신발 경매 사이트인 KREAM를 클론 코딩 하였다. 이번 2차 프로젝트는 팀원들이 각자 구현해보고 싶은 기능이 명확하여 이에 중점을 두고 진행을 하였다. KREAM 웹페이지 클론 프로젝트 회고 이번 2차 프로

2021년 8월 1일
·
1개의 댓글
post-thumbnail

Styled Component

오늘은 Styled Component에 대해 배워보았습니다 다소 헷갈리는게 있지만 정리해보겠습니다 .Styled Component 란 무엇인가 styles 지정과 React component를 생성을 동시에 할 수 있는 유용한 녀석이다 어떻게 사용하는가 해당 레포 프

2021년 7월 5일
·
0개의 댓글
post-thumbnail

React와 StyledComponent로 드롭다운 구현하기

React와 StyledComponent로 드롭다운 구현하기

2021년 6월 26일
·
2개의 댓글
post-thumbnail

TIL 50 | Styled Component Helper - css

Styled Component Helper 중 css에 대해 간단히 알아보는 글

2021년 5월 25일
·
0개의 댓글
post-thumbnail

TIL 49 | Styled Component 초기세팅 - Theme.js & basics

영어 문서 읽기 싫어서 한글 자료 찾아다니다가 종택님이 이상한거 보지 말고 공식문서 보라고 해서 내가 기억하려고 쓰는 TIL

2021년 5월 24일
·
0개의 댓글
post-thumbnail

[ERROR] could not find a declaration file for module 'styled-components/native'

React-native 초기세팅하던 중에, 스타일드 컴포넌트 라이브러리를 설치하고 import 했더니 아래와 같은 에러가 발생했다.could not find a declaration file for module 'styled-components/nativeyarn ad

2021년 5월 1일
·
1개의 댓글

[Gatsby JS - Typescript] StyledComponent 로 Dark Theme 구현하기.

Gatsby JS를 간단히 말하자면 정적페이지이다.그래서 동적으로 Javascript 코드로 CSS를 바꾸는 방법은 정적페이지인 Gatsby JS에는 CRA로 만드는 웹페이지와 다르게 해줘야한다.작성중Styled Component에서 제공하는 Theme(직접 커스텀)

2021년 3월 12일
·
1개의 댓글
post-thumbnail

[Styled Component] Using Link

여지것 useHistory ReactRouterDom 사용해서 페이지 간 이동을했다. 하지만 내 사이트 안에서 페이지 이동은 Link가 더 맞다고하여 styled component link를 사용하여 refactoring을 했다. https://reactrou

2020년 11월 1일
·
0개의 댓글
post-thumbnail

PWA App글꼴 바꾸기

현재 Toy project로 Progressive-Web-App 제작중인데(React로), 스타일을 StyledComponent 사용중이다. 스타일 컴포넌트 사용하면서 전체 글꼴 바꾸는 법!보통 프로젝트의 index.js에 createGlobalStyle 모듈을 im

2020년 5월 3일
·
0개의 댓글