전체 글
JavaScript 따라하기 2일 차 | 조건문 if switch for while
조건문 - 주어진 조건식에 따라 특정 문장의 실행 여부를 결정하는 문 - 조건식은 결과값이 boolean(true 또는 false) 형태인 식만 사용 가능 ex) 비교연산자(>, >=, 4 과정에서 2번이 true 일 동안 2 -> 3 -> 4 를 반복하고 2번의 조건식이 false 가 되면 반복문이 종료됨 ----------------------------------------------------------------------------------------- 초기식(var i = 1) 조건식(i 2 i = 2 true "2 : Hello, World!" 출력 i = 2 -> 3 i = 3 true "3 : Hello, World!" 출력 i = 3 -> 4 i = 4 true "4 : Hello,..
JavaScript 따라하기 1일 차 | 주석과 변수 생성
주석 - 자바스크립트에서 주석은 //(한 줄 주석) 이나 /* */(블록 주석) 로 사용 가능하다 - 주석에 포함된 단어들은 자바스크립트 코드 작동 시 무시된다. JS변수 생성 과정 - 변수의 생성은 2단계만 생각하면 된다 - 1. 선언 : 소스코드 평가 과정에서 변수를 선언한다 - 2. 초기화 : 런타임에 변수에 데이터를 할당한다 - 변수란. 데이터를 집어 넣을 수 있는 데이터 상자를 뜻한다고 보면 된다. 변수의 선언명 - var, let, const가 있다. - 변수 명으로 첫번째에 영어 대소문자, $, _만 사용 가능하다 - 맨 뒤에 ;(세미콜론)으로 문장이 끝났다는 것을 컴퓨터에게 알려야한다 - 자바스크립트는 데이터타입에 따른 제약이 없다 (동적 타입 언어) 생성 방법 - 1. 선언명 변수명; 으..
JavaScript 따라하기 0일 차 | Javascript 사용법
설치하기 - 먼저 기본적으로 Eclipse가 설치 되어 있는 환경에서 진행을 할 것이기 때문에 미리 설치해 주길 바란다. - [JavaEE + Tomcat 다운로드 및 설치] 기초지식 - HTML에 대한 기본 지식이 조금 필요하다. - [HTML 지식 살펴보기] HTML에서 JS사용법 - 1. html에서 작성 => 확장자명이 .html파일에서 태그 안에 JavaScript를 작성 - 2. js에서 작성 => 확장자명이 .js파일에서 JavaScript를 작성한 뒤 .html파일에서 태그의 src속성에 .js파일 경로 확인 alert(String str) - 예시를 도와 줄 자바스크립트의 알림창 함수이다. (해당 함수를 사용해 js가 잘 동작하는지 확인 할 것이다.) 1. html에서 작성 | 예시 - ..
IDE | Eclipse 다운로드 및 설정 | JavaEE + WAS(Tomcat)
JavaEE + WAS(Tomcat) 설치 순서 - 1. JDK 다운로드 및 설정 - 2. Eclipse 다운로드 - 3. Tomcat 다운로드 - 4. Eclipse 설정 - 5. Tomcat 연동 - 6. Eclipse에서 WAS실행 - 자세한 내용은 목차 확인 ==> JDK란? - JDK(JavaDevelopment Kit) - Java개발 시 필요 - JDK : Java 개발 도구로 IDE도구를 실행 시킬 때 필요하다 - JDK는 JVM과 JRE에 의해서 실행이 되고 컴파일러와 Class Library를 포함하는 소프트웨어 패키지이다 - Eclipse로 작성된 Java문서를 실행시키려면 먼저 JDK의 다운로드와 설정이 되어 있어야 한다 - 유료 OracleJDK와 무료 OpenJDK가 있다 JRE..
HTML 따라하기 9일 차 | form의 GET방식과 POST방식
form method - method 속성을 이용해서 get과 post를 사용 할 수 있음 - method 속성을 명시하지 않고 사용 할 시 기본값(Default)은 get방식으로 설정됨 - or GET 방식 - form에 적힌 데이터들이 주소창(URL)의 ?뒤에 전달되고 데이터 하나당 &로 끊어서 전달됨 - 주소창(URL)에 담겨서 전송되기 때문에 데이터 길이에 제한 있음 O - 퍼머링크로도 사용 가능 O --> 정보를 식별하는 고유한 식별자(고유한 주소체계) POST방식 - form에 적힌 데이터들이 header의 body에 담겨서 전송됨 - 데이터 길이 제한 없음 X - 퍼머링크로 사용 불가 X 예제 코드 로그인 상태 유지 로그인 상태 유지 로그인 상태 유지 예제 코드 | 결과
HTML 따라하기 8일 차 | form input select textarea
form 태그 - 사용자와 웹어플리케이션(사이트)간의 상호 작용이 가능하도록 해주는 태그(기술) - 사용자로부터 입력하는 데이터 형식을 제공하는 태그들을 묶어주는 태그이며 action속성에 지정된 페이지로 입력된 데이터를 전송하는 역할을 수행하는 태그 => 전송되는 데이터는 서버측(JSP 등)에서 처리할 수 있음 - 형식으로 사용하며 시작태그와 끝태그 사이에 또 다른 태그가 올 수 없음 input 태그 - 태그 안에서 추가되는 입력 요소들 중 가장 중요한 태그 - 사용자로부터 정보를 받아들이는 용도로 사용됨 - type이라는 속성을 이용해 다양한 입력 양식으로 변경하여 사용가능 - 사용자로부터 한 줄의 텍스트를 입력받는 속성 - 사용자로부터 숫자를 입력받는 속성 - 사용자로부터 한 줄의 텍스트를 입력받는..
Cisco Packet Tracer 따라하기 0일 차 | 설치
Cisco Packet Tracer란? - Cisco Packet Tracer는 가상의 네트워크 장비를 가지고 테스트 해보며 실습할 수 있게 해주는 도구이다. - 이 도구는 시스코 시스템즈가 만들었으며 PC, 스위치, 라우터 등의 다양한 가상 장비들을 지원한다. 다운로드 | 파일 - 다운로드 링크 다운로드 | 방법 - 다운로드 받은 알집을 푼 뒤 exe파일을 실행 시키고 next만 누르면 설치가 됩니다. - I accept the agreement를 체크한 뒤, next - 저장위치 바꾸지 않고, next - 윈도우 시작메뉴에 Cisco Packet Tracer를 만든 다는내용, next - 바탕화면에 Cisco Packet Tracer의 실행 아이콘을 만든다는 내용, next - 대망의 설치 Insta..
HTML 따라하기 7일 차 | iframe
iframe이란 - 웹 페이지안에 또다른 웹 페이지를 제한없이 삽입 할 수 있는 기능이다. - src로 웹 페이지 경로를 지정함 - 사용법 하이퍼텍스트와 연동 가능 - 태그안에 target을 의 name과 동일하게 설정하여 하이퍼텍스트를 클릭했을 때 해당 하이퍼텍스트 href에 지정된 경로로 iframe안에 웹 페이지를 띄워 줄 수 있다. - 사용법 test01.html test02.html test03.html test04.html 예시 코드 iframe으로 페이지 내에 다른 내용 넣기 src속성으로 안에 보여질 내용의 경로를 지정하고 width/height속성으로 iframe의 가로/세로 크기를 지정. iframe..
HTML 따라하기 6일 차 | 하이퍼 텍스트 링크 만들기
하이퍼 텍스트 링크를 만들어 주는 태그 - 로 하이퍼 텍스트를 만들어 줄 수 있음 - 태그의 속성값으로 href와 target이 있음 href - 클릭 시 이동할 링크를 설정 target - 링크를 여는 방식 이름 효과 _self 현재 페이지(기본값) _blank 새 탭 _parent 부모 페이지로, iframe 등이 사용된 환경에서 쓰임 _top 최상위 페이지로, iframe들이 사용된 환경에서 쓰임 직접입력한프레임이름 직접 프레임이름을 명시해 사용 가능 사용법 Go NAVER 예시 코드 - 1 링크수업-1 링크수업-2 링크수업-2(Gallery Menu) a태그로 링크 걸기 링크 걸린 텍스트의 특징 색상 변화 blue - 초기 링크. (이동한..
HTML 따라하기 5일 차 | 이미지 만들기
- 종료가 없음 - src="./파일경로"를 사용하여 인터넷이나 자신의 컴퓨터에서 이미지를 불러옴 - alt="대체텍스트"를 사용하여 사진을 가져오지 못할 경우 alt안의 텍스트로 대체함 - 사용법 : - 결과 : 절대 경로 - 웹 문서의 위치와 상관없는 고정된 주소 - 실행 파일의 위치와 상관 없이 절대 경로는 항상 같은 주소를 가르킴 - 내 컴퓨터에서의 사용법 : - 인터넷에서의 사용법 : 맨위의 https://의 사용법과 동일 상대 경로 - 웹 문서의 위치에 따라 변동되는 주소 - 실행 파일의 위치가 달라지면 위치에 따라 경로가 바뀔 수 있어서 파일을 옮기면 바꿔줘야 함 - 점 하나의 ./는 현재폴더, 점 두개의 ../는 이전폴더를 나타냄 - 사용법 : width & height - 태그의 크기를 ..