코딩 공부하는 쪼슈

JavaScript 3일차 : 제어할 태그 선택하기, 프로그램, 프로그래밍, 프로그래머 3일차 : 제어할 태그 선택하기, 프로그램, 프로그래밍, 프로그래머 이번시간에는 직접 자바 스크립트를 이용해, 사용자가 버튼을 누르면 웹페이지의 스타일이 바뀌게 해봅시다. 최근에는 시력보호를 위해 많은 웹사이트에서 다크모드를 지원하고 있는데요. 우리도 나이트 버튼과 데이 버튼을 만들고, 버튼을 누르면 모드가 변경되게 해봅시다. 일단 간단한 웹페이지를 만든 후에, 버튼을 삽입합니다. 버튼을 삽입할 때는 input type="button" value="버튼이름" 을 사용합니다. 데이버튼과 나이트 버튼을 만들었으니, 이 버튼을 클릭할 때 무슨일이 일어나게 할 지 설정해야겠죠. 버튼을 클릭할 때, 즉 onclick 을 사용해 이벤트를 설정합시다. 스타일을 바꿔줄 부분을 선택하고, 그 후에 변경시킬 내용을 입력합..
JS - React 2일차 : 소스코드 수정방법, 배포, 컴포넌트 만들기 2일차 : 소스코드 수정방법, 배포, 컴포넌트 만들기 1일차에 우리는 개발 3대 작업인 설치를 끝냈습니다. (개발의 3대 작업은 설치, 수정 그리고 마지막은 배포입니다.) 수정하는 방법 자체는 5분이면 배운다고 하네요. 물론 수정을 어떻게.. 잘 하느냐가.. 관건이긴 하지만요..ㅎ 소스코드 수정방법 지난번에 create react를 이용해 개발 환경을 세팅했는데요. 지난 시간에는 모르고 지나쳤지만, 우선 이 방법을 사용하면 어떤 디렉토리 구조를 갖게 되는 지 먼저 살펴보겠습니다. 지난번에 만들어 둔 리액트 폴더에 분명 아무 것도 없었는데..! 명령어 하나 넣어줬더니 트리가 아주 풍성한 가지를 갖게 되었네요. 우선 가장 중요한 것은 src라는 폴더에 index.js라는 파일을 찾는 것입니다. 이것이 바로 ..

티스토리툴바