목록전체 글 (36)

평범한 컴공 대학생의 공부일지

자바스크립트(JS) 변수, 상수, 자료형

이번 글에서는 코딩의 가장 기본이 되는 변수와 상수에 대해서 알아보겠습니다. 변수란? 변수의 정의는 데이터를 저장하기 위해 이름을 할당 받은 메모리 공간입니다. 이렇게 말하면 상당히 어렵게 생각이 들 겁니다. 그래서 한 가지 예를 들어서 설명 해드릴게요. 우리가 요리를 할 때 여러가지 재료를 준비하게 됩니다. 제육볶음을 만들고 싶으면 돼지고기, 파, 양파, 마늘, 간장 등 많은 재료가 필요하죠. 하지만 이 많은 재료를 한 군데 모아놓고 사용하려면 공간도 더러워지고 정리가 안됩니다. 그럼 만약 이 과정에서 각 재료를 담아놓는 바구니가 있다면 어떨까요? 각 바구니에 재료들을 구분하여 담아놓으면 사용하기 편할 겁니다. 즉, 변수는 이 바구니와 유사하다고 생각할 수 있습니다. 변수라는 바구니에 데이터(숫자, 문..
자바스크립트 2023. 6. 29. 20:29
자바스크립트(JS) prompt( ), document.write( ), alert( ), console.log( ) 함수 사용, 콘솔로 오류 확인하기

이번 글에서는 기초적인 함수 몇 가지와 콘솔로 오류를 확인하는 방법을 다뤄 보겠습니다. prompt( ), document.write( ) - prompt( ) 함수 : 알림 창이 나와 사용자로부터 값을 입력 받거나 정보를 알려주는 함수(C의 Scanf, Java의 Scanner와 유사) - document.write( ) 함수 : 웹 페이지 화면에 텍스트를 출력해주는 함수 - 위 코드는 prompt( )로 이름을 입력받아 출력해주는 코드입니다. 1) 7번째 줄 : 웹 브라우저 상단 탭(Tab) 이름을 Welcome으로 지정합니다. 2) 8 ~ 13 번째 줄 : body의 스타일을 지정해줍니다. 글씨 사이즈를 2.3, 텍스트 위치를 왼쪽으로 정렬합니다. 3) 18번째 줄 : prompt로 값을 받아 문자..
자바스크립트 2023. 6. 11. 20:43
자바스크립트(JS) 외부 스크립트 연결하기

외부스크립트 연결이란?? 이번 글에서는 자바스크립트에서 외부 스크립트를 연결하는 방법에 대해 알려드리겠습니다. 일단 외부 스크립트를 연결하기 전에 정의와 이를 사용하는 이유에 대해서 알려드리면 먼저 자바스크립트(JS)의 특징 중 "웹 사이트를 동적으로 만들 수 있다"를 기억하셔야합니다. 즉 HTML은 골격, CSS는 인테리어, JS는 동적(움직이는)기능을 담당한다는 것입니다. 이 특징와 연관짓게되면 JS는 웹 사이트를 동적으로 만들기 위해 쓰이는 스크립트라고 생각할 수 있습니다. 하지만 그 기능이 과연 1개의 html에서만 사용될까요? 같은 기능이 여러 파일에서 필요할 것입니다. 그래서 C언어나 Java와 같은 프로그래밍 언어에서도 함수(Function)라는 것을 따로 만들어 놓는 것이죠. 이와 같은 역..
자바스크립트 2023. 6. 11. 20:06
자바스크립트(JS)?

자바스크립트(JS)란? - 객체(Object) 기반의 스크립트 프로그래밍 언어로 웹의 동작, 서버 프로그래밍 등에 사용됩니다. 그렇다면 자바스크립트의 특징은 무엇일까요??? 모든 웹 브라우저에서 작동된다. 즉, 이 말은 Bing, Chrome과 같은 웹 브라우저에서 작동 가능하다는 뜻입니다. * Web Browser? : WWW(월드 와이드 웹)을 기반으로한 인터넷 검색 목적을 가진 응용 프로그램 다양한 JS API 사용 가능하다. -> 정보의 범위가 넓다. * API : 데이터를 다른 사용자들이 쉽게 가져갈 수 있도록 만들어 놓은 체계, EX) 기상청 정보 API 다양한 라이브러리(Library), 프레임워크(Frame Work)가 존재한다. 1) 라이브러리(Library) : 미리 구현해 놓은 기능을..
자바스크립트 2023. 6. 11. 18:00
이전 Prev 1 2 3 4 5 Next 다음