성준이의 공부블로그

공부단 1일차-5입니다. alert() 함수는 알림창으로 출력하는 함수입니다. alert("Hello Javascript") 위의 코드를 js파일에 작성하고 html문서에 연결한 후 실행하면 알림창이 뜨는걸 확인할 수 있습니다. document.write() 함수는 웹 브라우저 화면에 출력하는 함수입니다. var name = prompt("이름을 입력하세요") document.write("" + name + "님 환영") 전 글에서 작성했던 코드입니다. console.log() 함수는 콘솔에 출력하는 함수입니다. var name = prompt("이름을 입력하세요") console.log("" + name + "님 환영") 이렇게 작성하고 실행하면 콘솔에 출력하는 것을 볼 수 있습니다. 콘솔을 확인하는 ..

공부단 1일차-4 입니다. prompt() 함수는 사용자에게 어떤 값을 입력받을 때 사용하는 함수입니다. 먼저 콘솔창에서 실행해 보겠습니다. 콘솔창에서 prompt();를 입력하고 Enter키를 누르면 입력받는 창이 뜹니다. 그리고 값을 입력하고 확인을 누르면 이렇게 결과가 출력됩니다. 이것을 vscode에서 해보겠습니다. promptPractice.html 파일을 생성 후 위의 코드를 작성하고 실행하면 이렇게 입력받는 창이 뜹니다. 값을 입력하면 위의 실행결과 화면이 출력됩니다. 여기서 var userName = prompt('당신의 이름은?') 이 prompt() 함수로 값을 입력받고 그 값을 userName이라는 변수에 저장한다는 의미입니다. 그리고 document.write(userName)를 이..

공부단 1일차-3입니다. HTML 문서안에 이런식으로 작성하는 것은 간단한 코드일 경우에는 상관없지만 큰 규모의 프로젝트를 할 경우 효율적이지 못합니다. 그래서 외부 스크립트 파일을 연결해야 합니다. 2번 외부 스크립트 파일 연결하기 자바스크립트 위 텍스트를 클릭해 보세요 var heading = document.querySelector('#heading'); heading.onclick = function() { heading.style.color = "red"; } 이런식으로 분리해서 만들면 큰 규모의 프로젝트를 할 때는 훨씬 효율적입니다.

공부단 1일차-2입니다. 먼저 Visual Studio Code를 설치한 다음 작업할 프로젝트 폴더를 생성하고 해당 폴더를 Visual Studio Code로 열어 줍니다. Visual Studio Code 설치방법은 아래링크를 참고하시기 바랍니다. https://seong-jun.tistory.com/entry/Visual-Studio-Code-%EB%8B%A4%EC%9A%B4%EB%B0%A9%EB%B2%95 Visual Studio Code 다운방법 Visual Studio Code는 마이크로소프트에서 개발한 텍스트 에디터입니다. 자세한 설명은 나무위키에 나와있으니 참고하시기 바랍니다. https://namu.wiki/w/Visual%20Studio%20Code Visual Studio Code - ..

공부단 1일차-1입니다. 웹 프로그래밍이란 웹 브라우저와 관련된 프로그래밍을 작성하는 것입니다. 웹 사이트가 작동하는 과정은 서버와 클라이언트가 정보를 주고받으며 사용자에게 내용을 보여줍니다. 서버: 사용자의 요청을 처리해 정보를 전달해 주는 역할 (백엔드 개발(back-end)) 클라이언트: 서버가 전달한 정보를 웹 브라우저 화면에 보여주는 역할 (프론트엔드 개발(front-end)) 웹 프로그래밍에서 가장 많이 쓰이는 언어는 자바스크립트입니다. 자바스크립트로 할 수 있는 것들 동적인 웹 사이트를 만들 수 있습니다. 웹 브라우저에서 실행되는 프로그램을 만들 수 있습니다. 서버용 프로그램을 만들 수 있습니다. 자바스크립트의 특징 모든 웹 브라우저에서 작동합니다. 웹 브라우저에서 실행결과를 즉시 확인할 수..