코딩 초보 개발 일지

디렉토리 구조가 어떤지, 어디를 수정해야 코딩할 수 있는지 디렉터리 구조는, src 와 public 으로 나뉜다. public 디렉터리에는 index.html이 있다. Create React App을 실행하면 나오는 첫 화면이 웹 브라우저상에서 index.html 이라는 파일을 실행한 결과이다. index.html 에서 중요한 부분은 이다. Create React App을 실행한 첫 화면에서 [검사] > [Element]를 선택하고 보면 id가 "root"인 요소 안쪽에 리액트를 통해 만든 태그가 들어있는 것을 확인할 수 있다. id가 "root"인 태그 안쪽에 들어가는 컴포넌트들은 어떤 파일을 수정해서 만들 수 있을까? 그것은 src, 즉 소스(source)를 나타내는 디렉터리 안에 있는 파일들이다 리..

웹브라우저에 노출되는것 : public 코딩 하는 부분 : src 이전 버전에서는 APP.js 페이지 상단에 import React from 'react' 문장이 있었음 import React from 'react'; // 리액트를 불러와서 사용할 수 있게 한다. 리액트 프로젝트를 만들 때 node_modules 폴더에 리액트 모듈이 설치된다. ※이렇게 리액트 모듈을 불러와서 설치하는 것은 브라우저 환경이 아닌 곳에서 자바스크립트를 실행할 수 있도록 하는 'Node.js의 기능'을 지원하기 위해서이다. 리액트 모듈을 불러 모을 때 사용하는 것이 번들러(bundler) 이다. 불러온 모듈은 모두 합쳐 하나의 파일(=자바스크림트 파일)로 생성한다. (대표적인) 번들러는 웹팩(WebPack), 파슬(Parce..

1. 루트 폴더에서 마우스 우측 클릭 > ‘GIT BASH HERE’ 선택 2. 명령어 입력 : $ npx create-react-app charter03

클래스명추가 (.on 클래스 추가 / 좌표값 구하기) .on 클래스 추가하여 이벤트 설정하기 좌표값을 이용해서 배경 바꾸기 - mousemove 이벤트 -> 배경 이미지 뿐만 아니라 on 클래스를 추가해서 이벤트도 넣을 수 있다.

header-0 header-1

menu1-1 menu1-2 menu1-3 menu1-4 menu2-1 menu2-2 menu2-3

menu1 menu2 menu3 content1 content2 content3 content4

content1 content2 content3 content4

MethodEx07 package com.dream.method; import java.util.Scanner; /* main 메서드에서 사용자로부터 지역을 받는 메서드를 호출하여 지역을 반환 받는다. 반환 받은 값을 지역번호를 반환하는 메서드에 전달하고 지역에 해당하는 지역 번호를 반환받는다. main 메서드에서 지역과 지역 번호를 출력한다. */ /* ※ 코드 가이드 사용자로부터 지역을 받아서 반환하는 메서드 : getArea(Scanner sc) - String - AreaCode 지역에 해당하는 지역 코드를 반환하는 메서드 : areaNum(String area) - String - AreaCode */ // 지역(String local_name), 지역번호 (int local_number) //..