rhanziy

var products = [ { id: 0, price: 70000, title: 'Blossom Dress' }, { id: 1, price: 50000, title: 'Springfield Shirt' }, { id: 2, price: 60000, title: 'Black Monastery' } ] // 데이터 형식 function addTemplet(data){ data.forEach((e)=>{ var card = ` ${e.title} 가격 : ${e.price} 구매 ` $('.row').append(card); }) } // 데이터에 맞게 카드형식으로 html append 우선 데이터를 카드 식으로 화면에 뿌려준다. $('.buy').click(function(e){ var title = ..

const button = $('.tab-button'); const content = $('.tab-content'); $('.list').click(function(e){ tabOpen(Number(e.target.dataset.id)); }); function tabOpen(i){ button.removeClass('orange'); button.eq(i).addClass('orange'); content.removeClass('show'); content.eq(i).addClass('show'); } tab버튼 구현하다가 맞닥뜨린 문제. li에 data-id ="0" 데이터 값을 부여해서 그에 맞는 컨텐츠를 보여주는 코드인데.. 제이쿼리랑 같이 쓰다보니 data값을 못가져오는 오류가 났다. tab..

const id = document.getElementById('id').value; const pwd = document.getElementById('pwd').value; $('form').on('submit', function(e){ if(id == ""){ alert('아이디를 입력해주세요.'); return false; } if(pwd == "") { alert('비밀번호를 입력해주세요.'); return false; } if(pwd.length

interface SStorage { [key:string] : T } class LocalStorage { private storage: SStorage = {} set(key:string, value:T){ this.storage[key] = value; } remove(key:string){ delete this.storage[key] } get(key:string):T { return this.storage[key] } clear(){ this.storage = {} } } const stringsStorage = new LocalStorage() stringsStorage.get("key") stringsStorage.set("hello", "how are you") const booleanSt..

abstract class User { constructor( protected firstName: string, protected lastName:string ){} abstract sayHi(name:string):string abstract fullName():string } class Player2 extends User { sayHi(name:string){ return `Hello ${name}. My name is ${this.fullName()}` } fullName(){ return `#{this.firstName} ${this.lastName}` } } 타입스크립트에서 추상클래스를 구현하면 자바스크립트에서 컴파일했을 때 일반적인 클래스로 바뀌어버림. class User { constru..

개발환경 JDK8, 톰캣8버전 설치되어있어야함 STS4오류나서 STS3 설치 spring-tool-suite-3.9.9.RELEASE_64.zip 파일 압축 풀고 안에 번들을 STS3으로 바꾼 후 C드라이브에넣기. sts3 > workspace-spring 폴더 생성(경로) sts.exe실행 환경설정->workspace utf8, 웹 web browser external 크롬, web css,html,jsp 3개 utf-8 +톰캣서버 연결 file new > others > spring legacy project 프로젝트 생성 템플릿 아래쪽 Persistence > Spring MVC Project src폴더의 s를 따라가서 sevlet-context.xml, root-context.xml(스프링코어)에..

Model은 수집된 데이터 외에 보여주고 싶은 데이터를 view로 전달 @ModelAttribute("") 파일 업로드 STEP1. commons-fileupload 라이브러리 추가 commons-fileupload commons-fileupload 1.3.3 STEP2. C드라이브에 upload/tmp(임시업로드폴더) 생성 STEP3. servlet-context.xml에 CommonsMultipartResolver클래스의 빈과 빈 속성을 등록 절대경로로 지정할때는 file:/를 붙인당 STEP4. Controller에서 파일 업로드 화면 처리 @GetMapping("/upload") public String upload() { log.info("File Upload......................

※ 스프링의 주요 특징 1. POJO기반의 구성(Plain Old Java Object) 2. 의존성 주입(DI: Dependency Injection)을 통한 객체간의 관계 구성 : 필요한 객체를 외부에서 밀어 넣는다. 3. AOP(Aspect Oriented Programming: 관점 지향 프로그래밍) 지원 : 횡단 관심사(반드시 필요한 기능)를 모듈로 분리하는 패턴프로그래밍이다. 4.MVC(Model-View-Controller)구조 의존성 주입 테스트 1. 레스토랑: 셰프 객체에 의존적이다. => 셰프 객체를 의존성 주입해야한다. 생성자, setters메서드. 2. 셰프 pom.xml에 // 기존에있는 junit 밑에 test를하기위한 외부객체 DI한당. org.springframework sp..