하루정리 (109) 썸네일형 리스트형 2022.09.13 JavaScript Array 배열이란? 배열이란 자료구조(비슷한 데이터를 모아 놓음)이다. 토끼 : 행동(메소드, 함수) 가 있다. 당근 : 프로퍼티만 존재. Object는 서로 연관된 것들을 뫃아놓은 존재이고 Array는 Object를 묶어 놓은 것을 말한다. const arr1 = [토끼, 토끼, 토끼]; const arr2 = [당근, 당근, 당근]; 1. 배열의 선언 방법 const arr1 = new Array(); const arr2 = [1,2]; 2. index를 통한 배열접근 const fruits ['사과', '바나나']; console.log(fruist[0]); // 사과 console.log(fruist[1]); // 바나나 3. 출력하기 for(let i = 0; i < fruits.lenght; i++){.. 2022-09-07 하루 정리 JavaScpript Object Object object {ket : value} : object는 키와 벨류의 집합이다. const obj1 ={}; //object literal const bvj2 =new Object(); object conStructor const ellie = {name : 'ellie' , age : 4}; 2.Computed Propertis java script 에서는 추가하지 않은 ref(레퍼런스)를 추가하고 지울 수 있다. const ellie = {name : 'ellie'} //선언부가 아니라고 해도 key값을 추가 할 수 있다. //다만 실무에서 쓰이는 경우가 극히 드물어 자세히 필기하지는 않는다. 3.Proerty value shorthand const person1 = {name : 'bob.. 2022.09.06 Function과 ArrowFunction 1.Function이란? sub-program : 서브 프로그램이라고 부름 여러번 재사용이 가능하다. 프로그램 안에서 또 각각의 작은 기능을 수행 파라미터를 받아서 Function f: 이름을 잘 정하는 것이 중요하다.이름과 파라미터로 이 function이 하는 일을 유추할 수 있기 때문 처리하는 것이 function이다 : return naming : doSometging, command. verb /동작, 명령어, 동사 형태로 이름을 지어줘야 한다 *하나의 함수는 하나의 일만 해야 한다. ex) createCardAndPoint를 createCard 와 createPoint로 나눈다. javaScript에서 function은 Object이다. function log (message){ sonsole... 2022.09.06 Model, ModelMap 과 modelAndView Model, modelMap vs ModelAndView Model, modelMap 차이점 ModelAndView 데이터만 저장한다. 데이터와 이동하고자 하는 viewPage를 같이 저장한다. Model, modelMap 의 공통점 model.addAttribute("변수명"); modelMap.addAttribute("변수명"); 둘 다 addAttribute를 사용한다. Model, ModelMap에 데이터만 저장하여 view에서 사용하는 목적 HttpServletRequest request와 함께 사용한다. Model, modelMap 의 차이점 Model : 인터페이스 ModelMap : 클래스 ModelAndView사용법 x @RequestMapping(value ="/test.do") pib.. 2022.09.05 JavaScript : Class와 Object의 차이, 상속과 다향성 , instanceOf Class 객체가 모여있는 컨테이너 class a { //객체가 모여있는 컨테이너 name; age; //Field : 데이터 Speak(); // Method : 메소드(행동) } //데이터만 들어있는 Class는 데이터 Class라고 함. class object -template -instance of a class -declare once -created many times -no data in -data in 제조법 제조법으로 제조된 물건 Class선언 class person { constructor(name, age){ this.name = name; this.age = age; //field } speak(){ console.log(`${this.name}:hello!!`); //여기서 nam.. 222.09.01 JavaScript Block Scope 코드 블록 이라고도 한다. 코드 블록 안에서 선언한 변수 {let i =block}는 지역변수로만 사용된다. *사용하는 이유 : 전역변수는 어플리케이션의 시작부터 끝까지 메모리를 할당하기 때문에 많은 사용은 좋지 않다. const javaScript에서 변수를 선언하는 함수이다. var과 달리 선언된 변수의 값이 고정된다. 이처럼 값이 변하하지 않는 것을 favor immutable data type always라고 한다. 보안상의 이유로 매우 좋다 let 는 선언한 값이 추후 변할 수 있다. 이처럼 값이 변하는 함수를 mutable함수라 한다. variable type(변수 타입) primitive 더 이상 쪼개질 수 없는 데이터 타입 String, boolen, null, und.. 2022.08.30 JSTL 태그 라이브러리 core JSTL JSTL이란? *JSP 표준 테그 라이브러리 -'여러 프로그램이 공통으로 사용하는 코드를 모아놓은 코드의 집합'의 약어 -자신만의 태그를 추가할 수 있는 기능을 제공한다. -주로 JSTL의 CORE에서 C를 사용하며 , 등으로 사용 JSTL 라이브러리 다운로드 https://mvnrepository.com/artifact/javax.servlet/jstl/1.2 에 접속 jar파일 다운 후 Project Structure에서 JSTL를 사용할 프로젝트(모듈)을 선택하고 Dependencies에서 [+]를 클릭해서 다운로드받은 라이브러리를 추가한다. 번들 라이브러리를 받았다면 해당 파일 1개만 추가하면 된다. 또는 web-inf/lib에 추가한다. 그리고 사용하고자 하는 페이지에서 과 같이 선언해.. 2022.08.29 include file / include page include file / include page include file : 정적인 include(포함) 지시문 파일 안에 있는 것들을 그대로 옮겨서 가져옴 - 선언 되어 있는 변수까지 사용가능 ex) *정적이란 말에 모든 의미가 있음 jsp 파일이 java 파일로 수정 전에 session.jsp 파일의 모든 내용이 부모의 jsp로 include(포함) 된다 그 후 부모의 jsp는 java -> class파일 -> html 파일 -> 웹브라우저로 랜더링 따라서 session.jsp 파일 안에서 전역변수로 strung A = "Hello Worle" 라고 선언 했다면 session.jsp를 사용하는 부모 jsp에서는 서블릿 테그() 에서 컴파일(데이터 삽입) 에러 없이 바로 A변수를 사용 *단점 : 부모 .. 이전 1 2 3 4 5 6 ··· 14 다음
