1. map()이란?자바스크립트에서 map()은 배열의 각 요소에 대해 주어진 함수를 호출하고, 그 결과를 모아서 새로운 배열을 만드는 메서드이다. 원본 배열은 변경되지 않는다.const newArray = oldArray.map(function(currentValue, index, array) { // return 변환할 값});currentValue 현재 처리 중인 요소index 현재 요소의 인덱스 (선택 사항)array map이 호출된 원래 배열 (선택 사항) 또는 화살표 함수로 아래와 같이 쓸 수 있다.const newArray = oldArray.map((item, index) => { return item * 2;}); 2. 기본 예제 2.1 배열의 각 숫자에 2를 곱하기const num..
// JSON 데이터 다루기 위한 JS 사용법// [1] : 데이터 const person = [ `{"name":"이순신","age":20,"nationality":"대한민국"}`, {"name":"맥아더","age":30,"nationality":"미국"}, {"name":"엘리자베스","age":40,"nationality":"영국"}, {"name":"잔다르크","age":50,"nationality":"프랑스"},]; console.log(typeof person); // objectconsole.log(typeof person[0]); // stringconsole.log(typeof person[1]); // object 첫번째 요소를 작은 따옴표로 감싸면 string ..
JSON과 XML은 데이터를 표현하고 전송하기 위해 사용하는 두 가지 형식이다.1. XMLXML은 데이터를 저장하고 전달할 목적으로 만들어졌으며, 저장되는 데이터의 구조를 기술하기 위한 언어이며 EXtensible Markup Language의 약자이다. - XML은 다른 목적의 마크업 언어를 만드는 데 사용되는 다목적 마크업 언어- XML은 다른 시스템끼리 다양한 종류의 데이터를 손쉽게 교환할 수 있도록 해준다.- XML은 새로운 태그를 만들어 추가해도 계속해서 동작하므로, 확장성이 좋다. - XML은 데이터를 보여주지 않고, 데이터를 전달하고 저장하는 것만을 목적으로 한다.- XML은 텍스트 데이터 형식의 언어로 모든 XML 문서는 유니코드 문자로만 이루어진다.XML 기반의 언어 XHTML, SVG,..
저번에 회원가입 양식 `join.jsp` 까지 만들었다. 오늘은 userDAO 클래스에 회원가입을 처리하는 메서드를 하나 추가해 줄것이다.DAO 클래스는 실제로 DB에 접근해서 어떤 데이터를 가져오거나 데이터를 넣는 역할을 하는 데이터 접근 객체이다.그리고 처리된 결과값을 가져와서 View 처리하는 `join Action.jsp` 까지 만들어 볼 것이다. 먼저 userDAO 클래스로 간다.login 메서드 아래에 join 메서드를 만들어 준다.// 회원가입 처리 로직 public int join(User user) { String SQL = "INSERT INTO USER VALUES(?, ?, ?, ?, ?)"; try { psmt = conn.prepareStatem..
📝 JavaScript ✅ 1. screen 객체screen 객체는 사용자의 모니터 정보(속성)을 제공하는 객체입니다. 예를 들어 모니터의 너비나 높이 또는 컬러 표현 bit을 반환합니다. 1-1. 기본형 screen.속성;screen.width; //모니터의 너빗값 반환 1-2. screen 객체 의 속성 종류종류설명screen.width화면의 너비값 반환screen.height화면의 높이값 반환screen.availWidth(작업 표시줄을 제외한) 화면의 너비값 반환 screen.availHeight (작업 표시줄을 제외한) 화면의 높이값 반환 screen.colorDepth사용자 모니터가 표현 가능한 컬러 bit를 반환 ✅ 2. location 객체location 객체는 사용자 브라우저와 관련..
📝 JavaScript 🖥️ 브라우저 객체브라우저에 내장된 객체를 '브라우저 객체'라고 합니다. window는 브라우저 객체의 최상위 객체이고, window 객체에는 하위 객체가 포함되어 있습니다. 즉, 계층적 구조로 이루어져 있으며 이것을 브라우저 객체 모델(BOM, Browser Object Model)이라고 합니다. ✅ window 객체의 메서드 한눈에 보기종류기능open("URL", "새 창 이름", "새 창 옵션")URL 페이지를 새 창으로 나타내기alert(data)경고 창을 나타내고 데이터를 보여주기사용자가 [확인] 누르면 alert() 사용한 다음 위치 코드 수행prompt("질문", "답변")질문과 답변으로 질의응답 창을 나타내기confirm("질문 내용")질문으로 확인이나 취소 ..
package ex01_객체배열;import java.util.Arrays;public class Main { public static void main(String[] args) { // 1. 객체 배열 // 배열이란? // --> 동일한 자료형을 하나로 묶어서 관리해주는 자료구조 // 배열 선언 방법 // 자료형[] 변수명 = new 자료형[크기]; // 나만의 자료형 // 포켓몬 데이터를 3개 저장 할 수 있는 bag 배열 생성 Pokemon[] bag = new Pokemon[3]; // 포켓몬은 래퍼런스 변수타입 - null(기본값) // new는 래퍼런스 변수 생성하는 키워드 // bag 0번 방에 피카츄 데이터를 저장 // 피카츄, 전기, 5000, 500..
