https://github.com/soaple/mini-blog
소플의 처음 만난 리액트 실습 프로젝트
https://github.com/soaple/mini-blog
Last synced: 13 days ago
JSON representation
소플의 처음 만난 리액트 실습 프로젝트
- Host: GitHub
- URL: https://github.com/soaple/mini-blog
- Owner: soaple
- Created: 2022-04-01T02:17:52.000Z (about 3 years ago)
- Default Branch: master
- Last Pushed: 2023-09-26T12:33:17.000Z (over 1 year ago)
- Last Synced: 2025-04-12T14:23:22.836Z (13 days ago)
- Language: JavaScript
- Homepage:
- Size: 343 KB
- Stars: 7
- Watchers: 2
- Forks: 24
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 소플의 처음 만난 리액트 실습 프로젝트 (미니 블로그)
웹 애플리케이션을 개발모드로 실행합니다.
```bash
$ npm start
```
이후 [http://localhost:3000](http://localhost:3000)에서 접속 가능합니다.
---
### 변경사항 업데이트 (2023.07.17)
styled-components 6버전 이상에서 작업하시는 분들은,
CSS에서 사용 된 `& > *`를 `&`로 변경해서 아래와 같이 코드를 작성하시기 바랍니다.
```jsx
// 예시 코드
const Container = styled.div`
width: 100%;
max-width: 720px;
& {
:not(:last-child) {
margin-bottom: 16px;
}
}
`;
```
참고 링크:
https://styled-components.com/docs/basics#pseudoelements-pseudoselectors-and-nesting