# styled components

77개의 포스트

[Styled-Components] import font2

모든 출처는 이곳입니다.https://font-face-import.netlify.app/fonts.js에서 @font-face를 활용하여 다운로드한 폰트를 styled-components에서 쓸 수 있었다.별 문제가 없다고 생각했는데 웹에 애니메이션을 사용해

2일 전
·
0개의 댓글

[Styled-Components] import font

내용의 모든 출처는 이곳입니다. https://dev.to/alaskaa/how-to-import-a-web-font-into-your-react-app-with-styled-components-4-1dni 개인 프로젝트를 진행하는 중 google font에는 없는 font를 써야하는 일이 생겼다. styled-components에서 내 컴퓨터에 저장된...

2일 전
·
0개의 댓글
post-thumbnail

React Native로 실제 서비스를 100% 구현 해보자 (2)

상품 디테일 페이지 등, 수십개의 스택들을 어떻게 꾸며볼까?

5일 전
·
0개의 댓글
post-thumbnail

React Native로 실제 서비스를 100% 구현 해보자 (1)

리액트 네이티브로 기능 연습이 아닌 실제 서비스와 100% 동일한 앱을 만들 것이다. 처음 써보는 프레임워크인데 2주만에 가능?? 응... 위코드 졸업생은 가능

5일 전
·
4개의 댓글
post-thumbnail

클론 하려 했는데 기획하게 된 React 개발 리뷰 (3)

상품을 만들었다면 이제 강의를 직접 만들어보자.

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

클론 하려 했는데 기획하게 된 React 개발 리뷰 (2)

클래스101의 꽃!!! 크리에이터 페이지를 만들어보자! 직접 상품을 만들어 등록할 수 있다니 얼마나 신나는가

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

클론 하려 했는데 기획하게 된 React 개발 리뷰 (1)

클래스101의 클론할건데 우리 넘나 클나쓰... 강의 만들 수 있는 크리에이터가 되려면 한달은 걸리겠어... 그럼 뭘 보고 클론해?? 음... 그냥 상상속의 페이지를 만들어볼까?

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

2021 01 10 일 TIL - 11

JavascriptNext.jsantdesignstyled-componentsJavascript-Game : gitHubJavascript-Game in gitHubReact-Node-SNS : gitHubReact-Node-SNS in gitHubJavascript로

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

CSS-in-JS 가 좋은 이유

CSS-in-JS가 나오게 된 배경, 장점, 동작 원리에 대해 간단하게 정리했습니다.

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

🌗 The Art of React part4

이번 시간에는 기본적인 프론트엔드의 작업 환경 설정을 하였습니다.라우트의 경로를 지정할 수 있게 도와주는 react-router-dom 라이브러리에서 Router를 사용하였습니다.path의 @ 입력하면 경로의 파라미터를 읽을 수 있게 합니다.(Medium,브런치와 같은

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

[ wecode : 2차 프로젝트 회고 ]

프로젝트 소개 > 채용 플랫폼 서비스인 원티드(Wanted)를 기획/디자인을 제외한 주요 기능을 구현하였습니다. 👩🏻‍💻 👨🏻‍💻 Team Winted ◼️ FrontEnd 김수연 / 민지연 / 김한나 / 김한나 ◼️ BackEnd 김형욱(Product

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

#2 Today I Learned - 21.01.05

styled-components : 상속과 분리 ❗️ react-redux : actionCreators를 미리 binding 하기 ❗️ javascript : 논리연산자 단축평가 ❗️ javascript : optional chaining = ?.

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

#1 Today I Learned - 21.01.04

react-redux: 연결하기 ❗️ styled-components: props로 style 제어 ❗️ es6: arrow function 구분하기

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

react-native 프로젝트의 style에 대해서 알아보기

react-native는 javascript를 이용해서 css처럼 스타일링할 수 있는 좋은 기능(?)이 있습니다.html/css 마크업 경험이 있으시다면 아래 코드가 익숙하게 보이실거에요.inline 스타일로 적용해본 결과 아래처럼 나오겠네요.https://r

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

React Styled-Component

React Styled-Components

2020년 12월 29일
·
0개의 댓글
post-thumbnail

To Do App(React, Saga, Firebase)

To Do App with React, redux-saga, Firebase

2020년 12월 25일
·
0개의 댓글
post-thumbnail

[TIL]react, styled-component를 활용해 반응형 웹사이트 만들기 -4 styled-components 에 media-query 끼얹기

목표 전 게시글에서 미디어 쿼리에 대해 알아보았습니다. 이번 게시글에서는 미디어 쿼리를 이용해 이번 프로젝트에 media-query를 얹어 반응형으로 만드는 작업을 하겠습니다. 본격 미디어 쿼리(media-query)사용하기 이 프로젝트의 목표는 모바일 사이즈가 되었을 때 로고가 Nav의 왼쪽으로 이동하고 로그인과 회원가입이 Menu에 숨겨져, 클릭하지 ...

2020년 12월 20일
·
0개의 댓글
post-thumbnail

[TIL]react, styled-component를 활용해 반응형 웹사이트 만들기 -2(styled-components 맛보기)

Styled-components 맛보기 이 전 게시글에서 react 세팅을 다 마쳤습니다. 이제 본격적으로 styled-components를 활용해 웹 사이트 만들기에 돌입하겠습니다. 마크업 먼저 저희가 만들고자 하는 반응형 웹 사이트는 다음과 같은 구조를 갖고 있습니다. PC 환경에서는 버튼들이 한눈에 보이고, 모바일 환경에서는 contlor박스가 숨...

2020년 12월 18일
·
0개의 댓글
post-thumbnail

React - 스타일링 성능 최적화 하기

취업 후 4달만에 쓰는 블로그라니.. 😱 그 동안 바쁘다는 핑계로 너무 소홀했던 것 같다. 매일매일은 아니더라도 꾸준히 글을 써야겠다는 다짐(작심삼일)을 하면서 오랜만에 글을 써본다. 성능 최적화에 대해 설명하기에 앞서 React에서 렌더링이 일어나는 이유에 대해 알아야 한다. React에서 렌더링을 실행하는 과정 React에서 렌더링을 수행하는...

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