1) 학습한 내용

1.웹 개발

(1)front-end vs back-end

①front-end

-백엔드 API에서 가져온 데이터의 출력, 입력을 통한 비즈니스 로직 구성과 사용자와 대화하는 사용자 인터페이스 부분을 작업

②back-end

-웹사이트나 웹 애플리케이션 또는 모바일 솔루션의 프로세스와 관련된 서버측(server-side)과 데이터베이스를 관리해주는 테크놀로지

(2)웹 개발의 기본

①HTML

-웹 브라우저 창에 웹 문서의 내용을 보여주기 위한 약속
-HTML에서 약속한 표기법을 사용해서 문서 작성해야함

②CSS

-웹 문서를 꾸미거나 웹 요소를 적절하게 배치하는 방법
-다양한 디바이스에 맞는 반응형 웹 디자인을 만들기 위해 필수적으로 학습해야 함

③Javascript

-사용자 동작에 반응해서 동적인 효과를 만들기 위한 기술
-웹 요소를 제어한다
-다양한 라이브러리 사용한다
-웹 애플리케이션을 만든다
-서버를 구성하고 서버용 프로그램을 만든다

2.글자색 바꾸기

(1)코드

①script 내용이 내부에 존재

②script 내용이 외부에 따로 js파일로 존재

(2)결과

3.팝업창&내용입력

(1)코드

(2)결과

prompt 함수:사용자에게 간단한 텍스트를 입력받기
alert 함수:사용자에게 알림 창을 표시
document.write 함수:웹브라우저 창에 내용을 출력

4.자바스크립트 소스를 작성할 때 지켜야 할 기본 규칙

(1) 코드를 보기 좋게 들여쓴다

•‘Tab’ 키나 ‘스페이스바’를 눌러 2칸이나 4칸 들여씀
• 최근에는 공백 2칸 들여쓰기를 많이 사용함

(2) 세미콜론으로 문장을 구분한다

• 세미콜론을 붙일 것을 권장함
• 소스는 한 줄에 한 문장만 작성하는 것이 좋다

(3) 공백을 넣어 읽기 쉽게 작성한다

• 식별자나 연산자, 값 사이에 공백을 넣어 읽기 쉽게 작성한다

(4) 코드를 설명하는 주석을 작성한다

• 한 줄 주석 : 슬래시 2개(//) 바로 뒤에 작성
• 여러 줄 주석 : 여는 기호(/)를 맨 앞에, 닫는 기호(/)를 맨 뒤
에 넣고 그 사이에 주석 내용을 작성
• 주석 사이에 또다른 주석을 넣을 수 없음

(5) 식별자는 정해진 규칙을 지켜 작성한다

• 첫 글자는 반드시 영문자나 언더스코어(_), 달러 기호($)로 시작해야 한다
• 두 단어 이상이 하나의 식별자를 만들 때 단어 사이에 공백을 둘 수 없다
• 예약어는 식별자로 사용할 수 없다

(6) 중괄호의 위치

for ( let I = 0; I < length; i++) {
const element = array[i]
}
for ( let I = 0; I < length; i++)
{
const element = array[i]
}

5.과제

0607 과제

2) 학습내용 중 어려웠던 점

script 내용이 외부에 따로 js파일로 존재할 때 script 링크를 head에 넣으니까 제대로 실행되지 않았다.

3) 해결방법

head가 아니라 body 안에 script 링크를 걸어주어야 한다.

4) 학습소감

alert,prompt 함수같이 유용한 함수의 사용법을 기억해놓고 적절하게 사용하는 데에 익숙해지면 좋을 것 같다.