민지 개발자 성장 일기

모듈 생성과 불러오는 법 calculator.js 라는 파일을 생성 const defaultNum = 1; function add(a, b) { return a + b; } function minus(a, b){ return a - b; } function mul(a, b){ return a * b; } function divide(a,b){ return a / b; } //모듈을 부를 파일명과 함께 모듈을 만든다. module.exports = { defaultNum, add, minus, mul, divide } 모듈 불러오기 // ./ 는 모듈을 여기서 실행한다는 뜻이다. module.js 파일 생성 const{add, mul, minus} = require('./calculator'); conso..

153페이지 참고 package ch05; import java.io.IOException; import java.io.PrintWriter; import javax.servlet.ServletException; import javax.servlet.annotation.WebServlet; import javax.servlet.http.HttpServlet; import javax.servlet.http.HttpServletRequest; import javax.servlet.http.HttpServletResponse; /** * Servlet implementation class HelloWorld */ @WebServlet(description = "My first servlet", urlPatte..

My ToDo App 할일 추가 총 개수와 번호 추가 1, 목록 번호 (ex1번 학교가기) 2. 목록 별 날짜, 시간출력 3. 전체 목록 개수: (예) 할이 5개 (삭제 시 개수 감소함) innerhtml My ToDo App 할일 추가

프로젝트 실행시 참고 하면 좋을 소스 회원 가입 이름 이메일 가입 가입 정보 이름: 이메일: 전화번호 추가 회원 가입 이름 이메일 전화번호 가입 가입 정보 이름: 이메일: 전화번호:

태그 (Tag) 태그는 를 사용하여 나타냄 태그는 일반적으로 시작과 끝을 표시하는 2개의 쌍으로 이루어져 있으며, 종료 태그 앞에는 /를 붙여야 함 - 사용할 수 있는 태그는 표준으로 정해져 있으며 태그마다 역할이 다름 시맨틱 태그(Semantic Tag) 목록 태그 사용법 순서가 없는 목록 순서가 있는 목록 (ul을 주로 사용함) 리시트의 아이템 (개조식 글쓰기 찾아보기) - 블록 태그 라인 전체를 사용하는 태그 즉 다른 태그 요소와 같은 라인에 배치할 수 없음 - 대표적인 블록태그 p , div, h, ul, il, form (단추를 눌러놓고 다른 페이지를 부를 떄 값을 전달할 수 있도록 해주는 태그) -인라인 태그 글씨의 색상이나 크기, 이미지 크기나 배치 방법 등 웹 문서의 디자인 요소를 담..

HTML DOCTYPE html> Document 증가 정지 감소 정지 JS var addNum = 0; var subNum = 1000; var auto_1 = setInterval(function () { addNum++; console.log("addNum : " + addNum); }, 3000); var auto_2 = setInterval(function () { subNum--; console.log("subNum : " + subNum); }, 3000); 브라우저 객체 모델을 사용해 운영체제와 스크린 정보 얻기 브라우저 객체중 브라우저와 운영체제 정보를 제공하는 navigator 객체와 스크린 정보를 제공하는 screen 객체를 이용하여 각각의 버튼을 누를 때마다 방문자의 운영체제 정보와..

DOCTYPE html> Document var userName = prompt("당신의 영문 이름은?", ""); var upperName = userName.toUpperCase(); document.write(upperName, " "); var userNum = prompt("당신의 연락처는?", ""); var result = userNum.substring(0, userNum.length - 4) + "****"; document.write(result, " "); toUpperCase() ㄴ 문자열에서 영문 소문자를 모두 대문자로 바꿉니다. MINJI substring(0, userNum.length - 4) + "****" ㄴ a 인덱스부터 b 인덱스 이전 구간의 문자를 반환합니다. 0부터..

var arr_1 = ["사당", "교대", "방배", "강남"]; var arr_2 = ["신사", "압구정", "옥수"]; //연결문자 기준으로 1개의 문자형 데이터로 반환 var result = arr_1.join("-"); console.log(result); //2개의 배열 객체를 하나로 결합 result = arr_1.concat(arr_2); console.log(result); //인덱스 구간만큼 잘라서 배열 객체로 가져옴 result = arr_1.slice(1, 3); console.log(result); //오름차순으로 정렬 ㄱ~ㅎ arr_1.sort(); console.log(arr_1); //데이터 순서를 거꾸로 바꾼 후 반환 arr_2.reverse(); console.log(a..

HTML 삽입 미리보기할 수 없는 소스 Hello word 현재 날짜와 시간은 입니다. HTML 삽입 미리보기할 수 없는 소스 도메인 웹서버에서 홈페이지를 서비스 하기 위해서는 컴퓨터 안에 있는 주소 중에 포트라는 주소가 있다 80번 포트로 용청이 들어오는 것들을 인식해서 대응하고 있다 > 이게 웹서버가 하는 일 서비스를 한다면 서버 쪽에 잘 구축하면 사용자들이 브라우저로 들어와서 인터넷 쇼핑도 하고 주문도 하고 열람도 한다 웹서버쪽에서 프로그램을 만든다(네트워크) 프로토콜 192.168은 사설 IP intranet 인트라넷 공인 아이피는 돈 주고 사는 유일한 주민번호처럼 유일한 아이피. 공유기 > 사설망으로 나간다 호스트번호 > 호스트는 ㅓㅁ퓨터 10으로 끝나는 곳에 256개 설치할 수 잇따

JSON이란? JSON이란, 자바스크립트 오브젝트 노테이션의 약자 { } 중괄호 쓴다면 뭘 쓰겠다는 뜻인가? 콤마 원소, 콤마 원소가 들어간다. 리스트랑 동일하다 { ㅇ, ㅇ, ㅇ{ key:값 리스트에서는 값만 들어간다. 리스트명, 인덱스 위치를 알아둬야 애가 빠져 나와. 키를 불러 key는 분류기호라고 보면 된다. 조를 부르면 뒤에 속해있던 조 1,2,3,4 의 값들이 한꺼번에 같이 나오겠다는 뜻 값을 부르면 키가 딸려나오진 않는다. 데이터에이스에서 중요하다. filter() 특정 조건을 만족하는 배열의 요소만을 찾아서 새로운 배열로 반환합니다. 배열을 다룰 때 많이 사용하는 내장 함수이다. 특정 조건을 만족하는 데이터만 추출해내는 프로그램을 구현해야하는 경우가 많음. 이때, filter() 함수 기능..