태그에 css 코드를 작성하여 에디터 가장 첫 부분에 붙여넣는다 티스토리에 포스트 작성시, 해당 포스트에만 css를 적용 시키고 싶을때가 있는데 검색을 해보니 외부의 css파일을 불러오는식으로도 적용하는 방법이 알려져 있었다. 글작성시에 바로 css를 같이 작성하는건 안되려나 궁금해서 css 트랜지션을 적용하는 실험을 해보았다. 티스토리 글작성시에 에디터를 html모드로 하고, 위와 같은 코드를 상단에 넣어주면 css가 먹힌다.. 단 주의할점은, 다른 모드로 갔다가 다시 돌아오면 다 사라져있는 경우가 있다. 사실 그래서 잘 사용할것 같지는 않다. 예시1 div #box1{ width: 100px; height: 100px; background: red; transition: width 2s; } div ..
Gatsby로 정적사이트 만들기 테스트중
개츠비는 리액트로 정적 웹사이트를 만드는 웹 프레임워크이다. https://www.gatsbyjs.org/ 리액트를 조금씩 공부하고 있었고 웹사이트를 만들고 싶은 생각도 있어서 연습 겸, 간단한 사이트를 만들어서 github page로 배포하는것을 해보고 있다. 튜토리얼(https://www.gatsbyjs.org/tutorial/)를 보면서 기본적인 것들을 다 해보고있다. css적용하기 - 몇 가지 방법이있다.(style={ }, css={ }, className={ }과 module.css파일 활용하기, global css파일 활용하기) 레이아웃 적용하기(react 컴포넌트로 만들어서) graphql 쿼리 활용하기 파일시스템을 활용하여, 파일 목록 만들기 md파일을 인식하고, 화면에 frontmatt..