프로그래밍111 05 대화상자 대화상자 1. alert() - 사용자에게 메세지를 보여주고 확인을 기다림 2. confirm() - 사용자에게 메세지를 보여주고 확인이나 취소를 누르면 그 결과를 불리언값으로 반환 [예시] 3. prompt() - 사용자에게 메세지를 보여주고 사용자가 입력한 문자열을 반환한다. [예시] * 만약 두 수의 합을 구하고 싶다면? 열심히 공부하고 있지만, 오류 사항이 존재 할 수 있습니다. 수정 사항이 존재 할 경우 알려주시면 감사하겠습니다 2021. 6. 9. 04 자바스크립트의 타입 변환 자바스크립트의 타입 변환 - 변수는 타입이 고정되어 있지 않음 - 변수에 다른 타입의 값을 대입할 수 있다. [예시] let a = 15; //숫자형 a = '십오'; // 문자열형 1. 자동 타입 변환(암시적 타입변환) - 타입의 값을 기대하는 곳에 다른 타입의 값이 오면 자동으로 타입을 변환해서 사용한다. const a = '20'; //문자열형 const b = '10'; //문자열형 let result = a + b; //2010, 문자열 연결을 위해 숫자타입이 문자열로 변환됨 result = a - b; //10 , 연산을 위해 두 문자열이 모두 숫자로 변환됨 result = a * b; //200 result = a / b; //2 const c = '자바스크립트'; result = c - a.. 2021. 6. 8. 03 자바스크립트의 데이터 타입 자바스크립트의 데이터 타입 타입(data type)이란 프로그램에서 다룰 수 있는 값의 종류를 의미한다. 1. 숫자형(number) - 다른 언어와 달리 정수와 실수를 따로 구분하지 않음 - 모든 수를 실수 하나로만 표현함 [예시] 2. 문자열형(string) - 문자열형은 따옴표로 둘러싸인 문자의 집합이다. - 큰따옴표는 작은따옴표로 둘러싸인 문자열에만 포함될 수 있으며, 작은따옴표는 큰따옴표로 둘러싸인 문자열에만 포함될 수 있다. [예시] 자바스크립트에서는 숫자와 문자열을 더할 수도 있다. 이때, 자바스크립트는 숫자를 문자열로 자동 변환하여, 두 문자열을 연결한다. typeof() : 자바스크립트의 타입을 반환 여기서 잠깐 ! 만약에, "10 + 5 = 15"를 출력하고 싶다면 어떻게 해야할까? co.. 2021. 6. 7. 02 자바스크립트의 변수와 상수 변수(Variable) 변수(variable)란 데이터(data)를 저장할 수 있는 메모리 공간을 의미하며 단어 뜻 그대로 변하는 수! 즉, 값이 변경될 수 있다. [문법] let 변수명; //변수를 선언 변수명 = 값; //변수를 초기화 [예시] let num; num = 10; //아래 같이 선언과 초기화를 동시에 할 수도 있다. let num = 10; 옛날에는 아래와 같이 var를 통해 변수 선언을 했지만, 현재는 사용하지 않고 있다. var num; //예전부터 사용했던 변수 선언방법 num = 10; // 현재는 사용하지않음 * var를 사용하지 않는 이유는? 1. 같은 이름의 변수를 선언할 수 있음 2. 지역변수와 전역변수의 구별이 모호 use strict - strict mode를 사용한다.. 2021. 6. 6. 01 자바스크립트(JavaScript)란? (With 출력,적용,주석) 자바스크립트란? 자바스크립트(JavaScript)는 객체(object) 기반의 스크립트 언어이다. HTML로는 웹의 내용을 작성하고, CSS로는 웹을 디자인하며, 자바스크립트로는 웹의 동작을 구현할 수 있다. 자바스크립트는 주로 웹 브라우저에서 사용되나, Node.js와 같은 프레임워크를 사용하면 서버 측 프로그래밍에서도 사용할 수 있다. 현재 컴퓨터나 스마트폰 등에 포함된 대부분의 웹 브라우저에는 자바스크립트 인터프리터가 내장되어 있다. 자바스크립트의 특징 - 웹 브라우저에 자바스크립트 엔진이 내장되어 있기 때문에 사용이 가능 - 웹의 동작(동적) 구현하기 위한 언어 - 웹 브라우저에서 동작(단, node.js 환경은 서버(운영체제)에서 동작) - 객체 기반의 스크립트 언어 - HTML 문서 내에서 태.. 2021. 6. 5. 25 Bootstrap(부트스트랩) BootStrap(부트스트랩) 부트 스트랩이란? - 프론트엔드 개발을 빠르고 쉽게 할 수있는 프레임 워크 프레임 워크란? 재사용이 가능한 요소의 집합으로, 구조와 틀을 결정, 확장 가능한 기반 코드이다. - HTML과 CSS기반의 템플릿 양식, 버튼, 네비케이션 및 기타 페이지를 구성하는 요소 포함 - 자바스크립트를 선택적으로 확장 할 수 있음 - GitHub의 오픈 소스로 사용가능, 상업적으로 이용 가능 부트 스트랩을 사용하는 이유 - 서로 다른 인터페이스를 사용한 여러 개발자들의 공동작업이 가능하다. - 디자인 불일치, 관리 어려움, 방대한 코드량등의 어려움을 해결해준다. 부트 스트랩 웹사이트 http://bootstrapk.com/ 부트스트랩 · 세상에서 가장 인기있는 모바일 우선이며, 반응형인 프.. 2021. 5. 30. JAVA 필수 단축키 JAVA 필수 단축키 단축키 설명 Alt + Shift + N 프로젝트 생성하기 Ctrl + N 패키지, 클래스,... 생성하기 Ctrl + + 글자 확대 Ctrl + - 글자 축소 Ctrl + Spacabar 자동완성 Ctrl + F11 실행하기 syso + Ctrl + Spacabar println() 메소드 Ctrl + / 한줄 주석처리(해제) , // Ctrl + Shift +/ 여러줄 주석처리, /* */ Ctrl + Alt + 위아래방향키 선택한 줄 위 아래로 복사 Ctrl + Shift + F 자동 정렬 Alt + Shift + S > C 부모 클래스의 생성자 가져와서 만들기 Alt + Shift + S > O 필드를 이용해서 생성자 만들기 Alt + Shift + S > R getter ,.. 2021. 5. 27. 16 웹사이트에 YouTube와 지도를 넣어보자 YouTube 넣기 1. 유튜브에서 원하는 동영상을 우클릭 해 소스코드를 복사한다. 2. 코드를 붙여 넣고 저장을 한다. * 사이즈를 조정하고 싶으면 ifram 태그 내에 width와 height 값을 조절한다. [결과] 지도 넣기 1. 구글 맵에서 원하는 장소를 검색하고 공유하기를 클릭한다. 2. 공유하기를 누른 후 지도 퍼가기를 클릭한다. 3. HTML 복사를 클릭한다. 4. 코드를 붙여넣고 저장을 한다. * 사이즈를 조정하고 싶으면 ifram 태그 내에 width와 height 값을 조절한다. [결과] 열심히 공부하고 있지만, 오류 사항이 존재 할 수 있습니다. 수정 사항이 존재 할 경우 알려주시면 감사하겠습니다 2021. 5. 17. 24 반응형 웹페이지를 만들어보자 - 2 반응형 웹페이지를 만들어보자 - 2 만들어 볼 예시는 아래 동영상의 페이지이다. [구성] [HTML] 카페소개 오시는 길 이달의 추천 카페 소개 영업 시간 : 오전 9시~ 밤 10시 휴무 : 매주 수요일(수요일이 공휴일인 경우 수요일 영업, 다음날 휴무) 오시는 길 서귀포시 안덕면 사계리 000-000 제주 올레 10코스 산방산 근처 이달의 추천 핸드드립 아이스 커피 1인분 기준으로 서버에 각 얼음 5조각(한조각은 20cc)넣고 추출을 시작한다. 평상시 보다 원두의 양은 2배정도(20g)와 추출액은 얼음 포함해서 200cc까지 내린다. 아이스 잔에 얼음 6~7개 섞어서 시원하게 마신다. My times with Coffee [CSS] /*웹폰트*/ @font-face { font-family: 'Cafe.. 2021. 5. 15. 이전 1 2 3 4 5 6 7 ··· 13 다음 반응형
