코딩 공부하는 쪼슈

JS - React 2일차 : 소스코드 수정방법, 배포, 컴포넌트 만들기 2일차 : 소스코드 수정방법, 배포, 컴포넌트 만들기 1일차에 우리는 개발 3대 작업인 설치를 끝냈습니다. (개발의 3대 작업은 설치, 수정 그리고 마지막은 배포입니다.) 수정하는 방법 자체는 5분이면 배운다고 하네요. 물론 수정을 어떻게.. 잘 하느냐가.. 관건이긴 하지만요..ㅎ 소스코드 수정방법 지난번에 create react를 이용해 개발 환경을 세팅했는데요. 지난 시간에는 모르고 지나쳤지만, 우선 이 방법을 사용하면 어떤 디렉토리 구조를 갖게 되는 지 먼저 살펴보겠습니다. 지난번에 만들어 둔 리액트 폴더에 분명 아무 것도 없었는데..! 명령어 하나 넣어줬더니 트리가 아주 풍성한 가지를 갖게 되었네요. 우선 가장 중요한 것은 src라는 폴더에 index.js라는 파일을 찾는 것입니다. 이것이 바로 ..
CSS 2일차 : 혁명적 변화, CSS 속성 알아내는 법 2일차 : 혁명적 변화, CSS 속성 알아내는 법 지난 시간에 CSS가 등장하게 된 배경에 대해 살펴보았습니다. 이번에는 조금 더 구체적으로, CSS를 사용하는 방법에 대해 알아볼 예정입니다. ○ 웹 페이지에서 CSS를 적용하는 두 가지 방법 1. style 태그를 이용 style 태그는 지난 시간에 살짝 살펴보았습니다. 이처럼 을 입력한 후, 속성을 적용시킬 대상 (a) 을 선택하고, 적용시킬 효과 (color=색상;) 를 적어주면 됩니다. a 태그를 달고 있는 모든 곳에 동일한 속성을 한 번에 적용시키는 것이죠. 여러가지 속성을 한꺼번에 변경시킬 때 유용하게 사용할 수 있는 것이 바로 이 스타일 태그입니다. 그렇다면, 이 중에 하나만 변경하고 싶을 때는 어떻게 할까요? 2. style 속성을 이용 바..
CSS 1일차 : 수업소개 ~ CSS의 등장 1일차 : 수업소개 ~ CSS의 등장 WEB1 HTML과 INTERNET을 마치고 WEB2 CSS로 넘어왔습니다. ○ CSS란? HTML을 통해 정보를 표현하게 된 사람들은 이제 디자인을 신경쓰게 되었는데요. 사람들은 웹페이지를 아름답게 만들기 위해 두 가지 방법을 생각해 냈습니다. 1. 쉬운 길 : HTML에 디자인에 대한 새로운 태그를 추가 2. 어려운 길 : 디자인을 표현할 수 있는 새로운 언어를 개발 ○ 쉬운 길 CSS가 등장하기 이전에는 1번 쉬운 길인 태그를 통해 문자의 디자인을 변경해 주었습니다. 예를 들어, font 태그를 이용하면 문자의 색을 변경할 수 있습니다. 위처럼 문구 이렇게 설정하여 색을 변경하면 됩니다. 웹이 태어난 직후에 HTML에는 이처럼 디자인을 위한 코드가 대거 추가됩니..

티스토리툴바