# styled components
[Styled-Components] import font2
모든 출처는 이곳입니다.https://font-face-import.netlify.app/fonts.js에서 @font-face를 활용하여 다운로드한 폰트를 styled-components에서 쓸 수 있었다.별 문제가 없다고 생각했는데 웹에 애니메이션을 사용해
[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에서 내 컴퓨터에 저장된...

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

클론 하려 했는데 기획하게 된 React 개발 리뷰 (2)
클래스101의 꽃!!! 크리에이터 페이지를 만들어보자! 직접 상품을 만들어 등록할 수 있다니 얼마나 신나는가

클론 하려 했는데 기획하게 된 React 개발 리뷰 (1)
클래스101의 클론할건데 우리 넘나 클나쓰... 강의 만들 수 있는 크리에이터가 되려면 한달은 걸리겠어... 그럼 뭘 보고 클론해?? 음... 그냥 상상속의 페이지를 만들어볼까?
.png?w=768)
2021 01 10 일 TIL - 11
JavascriptNext.jsantdesignstyled-componentsJavascript-Game : gitHubJavascript-Game in gitHubReact-Node-SNS : gitHubReact-Node-SNS in gitHubJavascript로

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

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

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

#1 Today I Learned - 21.01.04
react-redux: 연결하기 ❗️ styled-components: props로 style 제어 ❗️ es6: arrow function 구분하기

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

[TIL]react, styled-component를 활용해 반응형 웹사이트 만들기 -4 styled-components 로 props전달하기
ㅁㄴ

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

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

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