Framework에 해당하는 글들 34 Articles matched 목록이 없습니다. [jQuery] Uncaught TypeError: Cannot read property jQuery와 ajax함수를 통해서 페이지를 구성하던 중에 에러가 발생했다. Uncaught TypeError: Cannot read property 'value' of undefined 도무지 왜 발생하는지 이해가 안됬다. 페이지도 잘 올라오고 로직 상에 문제가 없었다. ( 예를들면 JS가 HTML보다 위에 있다던지.. ) 해당 에러가 발생하는 경우가 많지만 나의 경우를 정리하려고 한다. 에러 원인 나의 상황은 ajax함수를 통해서 결과물을 받았다. 그 결과물의 List를 얻어서 List의 속성을 사용했다. 그런데 속성에서 위의 에러가 발생했다. 크롬 개발자 모드를 켜서 보니 source창에서 속성 이름에 빨간 줄이 그어져 있었다. 열심히 구글링을 해본 결과 문제는 저 구문 앞에 $memberList[.. [Ajax] Ajax 기본개념 (탄생배경) 1. 약어Ajax(Asynchronous JavaScript and XML) 탄생 배경에는 2000년도 초반에 등장한 RIA(Rich Internet Application)이라는 패러다임이 있어요 이 패러다임은 웹 어플리케이션의 장점은 유지하면서 기존 웹 브라우저 기반 인터페이스의 단점인 늦은 응답속도, 데스크톱 어플리케이션에 비해 떨어지는 조작성 등을 개선하기 위한 기술들의 통칭이에요 즉, 웹 어플리케이션은 별도의 설치가 필요없다는 장점을 살리고 기존 마크업 언어 기반의 구성은 유지하면서 데스크톱 어플리케이션과 동등한 성능으로 사용자에게 양질의 경험을 주는 것을 목표로 하는 기술이에요! RIA는 영어 문장 그대로 해석하면 부유한 인터넷 응용, 다시 말해서 웹 어플리케이션인데 풍부한 것을 의미해요 2. .. [Spring] @Autowired annotation(어노테이션) Framework가 등장하게 된 계기는 유지보수를 좀 더 효율적으로 운영하기 위해서 그리고 생산성을 높이기 위해서라고 해요(쉽게 말해서 좀 더 편하게 하기 위해서.. i++ ) Framework는 언어별로 그리고 기능별로 종류가 엄청 많은데요 그 중에서 Spring Framework라는 자바 기반 프레임워크를 차근차근 살펴볼게요 Spring Framework에서 유용한 기능들이 아주 많~이있는데 그중에서 오늘은 @autowired 어노테이션을 정리해보려고 해요! 1. 코드 Car라는 클래스에 tire라고 하는 속성을 만들 때 보통은 다음과 같은 코드를 작성하게 되요 123456789Tire tire; public Tire getTire() { return tire;} public void setTire(.. [Spring] 스프링 @Value annotation(어노테이션) 스프링에서 텍스트 파일로 변수값들을 선언하고 싶을 때 (보통 이런 변수값들을 프로퍼티라고 함) 다음의 과정을 거친다. 1. 프로퍼티 파일을 생성 resources/config/config.properties 파일 생성 파일의 내용 img.path=/home/upload/images/ 2. application-servlet.xml 파일에 프로퍼티 파일을 선언 beans 선언문에 다음과 같이 util 네임스페이스를 추가한다. 프로퍼티 파일을 선언 3. controller에서 선언한 프로퍼티 사용 @Value를 사용하면 프로퍼티 값을 가져올 수 있다. @Value("#{config['img.path']}") String imgPath; 참고 : https://dukeom.wordpress.com/ [jQuery] jQuery? jQuery란 - 2006년 초에 개발된 자바스크립트 라이브러리- DOM에 query를 날려서 필요한 노드를 찾아낸 다음, 거기에 어떤 작업을 수행한다는 컨셉으로 개발됨 - 특징1) Css1~3 및 기본적인 xPath 지원하여 HTML DOM객체 참조를 쉽게 할 수 있다.2) 모든 브라우저에서 사용 가능하다.(IE, FF, 사파리, 크롭 모두 작동)3) 플러그인 방식으로 확장을 지원한다. (많은 플러그인들이 존재하고 필요한 플러그인들만 다운받아서 사용 가능)4) prototype 등과 같이 다른 JavaScript 라이브러리와 함께 사용 가능하다. core란 - jQuery의 핵심이 되는 것을 의미한다. (jQuery 사용 시 많이 사용) - $() 형식으로 되어 있다.- jQuery 표현 방식이 두가지.. [jQuery] $와 $생략의 차이 가장 기초적인 내용으로 $를 붙인것은 jQuery 객체라는 것이다. 이는 다시말해서 jQuery 함수를 이용할 수 있는 객체라는것을 의미한다. 이와 같은 내용으로 함수앞에 $를 붙이는 것은 jQuery 함수라는것을 의미하고 이는 jQuery 객체가 사용할 수 있는 함수라는 뜻이다. $를 생략한 객체는 기본적인 javascript 객체이다. [jQuery] 변수 선언 시 var와 var생략 차이 jQuery는 JavaScript 기반 언어로 JavaScript 역시 이슈에 해당된다. 그럼 var 변수 선언과 var를 생략한 변수 선언의 차이를 정리해보자. var test1;var test2, test3; var test4 = 4;test5 = 5; jQuery나 JavaScript 에서 변수를 선언할 때 이런식으로 선언을 하는데 var를 붙인건 영구적이다. 즉 delete연산자로 변수를 지우려고 하면 에러가 발생한다. 같은 변수를 여러번 초기화해도 상관없으며 선언되지 않은 변수에 대해서는 초기화 시 내부적으로 변수선언이 된다. var로 변수선언을 하는 경우1. 영구적이다. (delete연산자로 변수를 지울 수 없다.)2. 지역변수이다. var를 생략하고 변수를 선언하는 경우1. delete연산자.. [jQuery] click() vs trigger('click') jQuery에서 click event를 처리할 때 사용되는 대표적인 문법으로 click()과 trigger('click')이 있는데 이 둘의 차이점을 정리해보려고 한다. 어떨때는 click()을 사용하고 어떤 경우에는 trigger('click')을 사용한다. click()의 경우는 우리가 event처리에 있어서 함수를 사용하는데 이 함수에 전달해야할 매개변수가 있다면 click()을 사용하는 것이 옳다. 왜냐하면 trigger.('click')은 매개변수를 전달하지 못하기 때문에. trigger.('click')은 매개변수를 전달하지 못하는 대신에 속도가 click()에 비해서 빠르다. 그래서 매개변수 없이 event처리를 하는 경우에는 trigger.('click')을 사용하는 것이 훨씬 성능에 좋다.. 1 2 3 4 5
