티스토리

Hello, World!

검색하기

블로그 홈

Hello, World!

october-east-sea.tistory.com/m

시월해 님의 블로그입니다.

구독자: 0

방명록 방문하기

주요 글 목록

[JQuery] 자동 슬라이드/무한 슬라이드 배너 만들기(외부 소스X) jsp(HTML) mtSlideDiv는 몇 개가 늘어나든 상관없다. ❮ ❯ javascript(jQuery) CSS /* Slideshow container */ .slideshow-container { max-width: 1440px; position: relative; margin: auto; margin-top: 120px; } /* effect */ .fade { -webkit-animation-name: fade; -webkit-animation-duration: 1.5s; animation-name: fade; animation-duration: 1.5s; } @-webkit-keyframes fade { from {opacity: .4} to {opacity: 1} } @keyframes f.. 공감수 4 댓글수 1 2021. 7. 29.
[CSS] :before :after 삭제(가상 요소 반응형 웹에서만 삭제하기) 데스크탑 모드에서 이렇게 선언한 요소가 있다고 가정했을 때 .title:before { content: ""; position: absolute; width: 28px; height: 28px; } 반응형으로 적용되는 쪽에서는 content: none; 만 붙여주면 손쉽게 제거가 가능하다. @media (max-height: 500px) and (orientation: landscape), screen and (max-width: 768px) and (orientation: portrait) { .title:before { content: none; } } 공감수 0 댓글수 0 2021. 7. 27.
[네이버지도API/AJAX] 마커 여러 개 띄우기/디비에 있는 데이터 지도에 표시하기/지도를 움직일 때마다 중심 좌표 얻기/현재 화면에 보이는 마커만 표시하기 사실 원하는 메소드는 네이버 지도 API 홈페이지에서 찾는 게 제일 효율적입니다. https://navermaps.github.io/maps.js.ncp/docs/tutorial-2-Marker.html NAVER Maps API v3 NAVER Maps API v3로 여러분의 지도를 만들어 보세요. 유용한 기술문서와 다양한 예제 코드를 제공합니다. navermaps.github.io javascript // x,y = 지도를 오픈할 중심 좌표 값 function storeOpen(x, y) { var MARKER_ICON_URL = 'resources/img/이미지아이콘경로.png'; // 파라미터로 받은 좌표 값으로 지도 생성 var map = new naver.maps.Map('map', { cen.. 공감수 0 댓글수 0 2021. 7. 15.
[네이버지도API] 해당 지역에 마커 찍기, 마커 아이콘 변경 이 포스트는 ClientID 발급 이후의 과정을 담고 있는 포스트입니다. 예제를 보러오신 분은 구분선 아래 소스를 봐주세요. 우선 네이버 클라우드 플랫폼에 가입해야합니다. 가입 절차는 아래 주소를 참고하세요. https://winteri-i.tistory.com/18 [Web/ 네이버 지도 API] 네이버 지도 API 사용방법 - Naver map/ Naver map api 애증의 네이버 지도 API... Swift로 프로젝트 할 때 사용해 본 경험이 있는데, Swift에 대한 자료가 많지 않다보니 많이 헤맸던 기억이 난다. 겨우겨우 마커 표시와, 마커 색 바꾸기, 처음 앱 실행시 winteri-i.tistory.com 어플리케이션 등록 화면이 찾기 어렵다면 아래 주소를 참고하세요. 어플리케이션 서비스는.. 공감수 1 댓글수 0 2021. 7. 12.
[AWS|RDS 에러/ORACLE/sqlDeveloper] Got minus one from a read call 동시 접속으로 인해 커넥션풀이 꽉차면 발생하는 오류입니다. 바쁜 분은 내려서 부터 보시면 됩니다. 오라클을 제외한 DB는 아래 주소를 참고하시기 바랍니다.(본인이 오라클만 써봐서 모름) 대강 해석하자면 파라메터 그룹 설정에서 min-connection 과 max-session을 증가시키라는 뜻입니다. 오라클 이외의 DB는 구글링하면 많은 정보가 나오기 때문에 굳이 제 포스트를 보지 않으셔도 됩니다. https://stackoverflow.com/questions/19660336/how-to-approach-a-got-minus-one-from-a-read-call-error-when-connecting-to-an-a How to approach a "Got minus one from a read call.. 공감수 0 댓글수 0 2021. 7. 12.
[AWS|RDS 에러] IO오류 : Socket read interrupted, socket connect lapse / the network adapter could not establish the connection 해당 아이피를 인바운드 규칙에 넣어놓지 않아서 발생하는 오류입니다. 192~ , 172~ 등은 공유기의 IP이기 때문에 해당 IP로 인바운드 규칙을 넣으면 RDS가 팅겨냅니다. (본인만 쓰는 서버면 내ip를 선택하면 되겠지만, 보통 협업을 위해 RDS를 쓰는 거니까요.) 그러므로 고유IP를 알아야하는데, 고유 IP는 아래 사이트에서 볼 수 있습니다. https://www.findip.kr/ 아이피 확인 - my ip address IP 주소를 확인하는 가장 쉽고 빠른 방법 이 사이트(findip.kr)에 접속하는 것이 IP주소를 확인하는 가장 쉽고 빠른 방법이다. 210.220.73.253 가 현재 접속한 기기의 공인 IP(Internet Protocol) 주소다 IP주소 www.findip.kr 고유 .. 공감수 2 댓글수 0 2021. 7. 6.
[Spring DB에러/oracle 11.2 ojdbc6.jar]Cause: org.springframework.jdbc.CannotGetJdbcConnectionException: Could not get JDBC Connection; C:\Program Files\Java\jre1.8.0_281\lib\ext 위 경로에 ojdbc.jar가 포함되어 있는지 확인한다. 아래는 ojdbc6.jar의 파일 다운로드 링크(오라클 공식 홈페이지이며 로그인 해야함.) https://download.oracle.com/otn/utilities_drivers/jdbc/121010/ojdbc6.jar https://login.oracle.com:443/oam/server/obrareq.cgi?encquery%3DyRcblnMWKLglJUHXhVr0N7grb618KOf8AujmK50KSE55M7MMWqMQYWBNW%2FMRoHUU7qvP3mx%2B3dZwJ1z4yBnwJ4k%2BfhlbaJcWacS6hwln1bvvqsWAQRMnRMSCXJbc%2Ftkp.. 공감수 0 댓글수 0 2021. 7. 5.
[mybatis에러]Request processing failed; nested exception is org.mybatis.spring.MyBatisSystemException: nested exception is org.apache.ibatis.reflection. 다른데서 찾지마라..무조건 마이바티스 xml 에러다.. 1. resultType, parameterType 스펠링 틀렸는지 확인 => 보통 패키지 경로 틀렸거나 DTO를 DAO로 쓰거나 철자 빠뜨렸거나 그런 듯. 2. namespace 스펠링 틀렸는지 확인 3. id="어쩌구" 넣을 때 아이디를 DAOImpl 에서 넣은 것과 동일한 지 확인 4. 쿼리문 확인 공감수 0 댓글수 0 2021. 7. 5.
[스프링 첫페이지 아예 안 열릴 때] Context initialization failed / Error creating bean with name '***Controller': Injection of autowired dependencies failed; 이 그지 같은 에러가 프로젝트 만들 때마다 생겨서 남겨 놓는 글. 검색해도 전부 다 @Autowired, @Controller, @Repository 애노테이션 추가하라는 글뿐이어서 열 받았음. 눈알 빠져라 찾아도 @ 개열심히 달아놨는데 빈 생성이 안 되어서 진짜 돌아버리는 줄 알았다. 각설하고, 해결방법. 1. 해당 프로젝트의 servlet-context.xml에 들어간다. 2. 제일 아래쪽에 컴포넌트 스캔이 있을 것이다. 3. 패키지 경로를 2번째 까지만 남겨두고 저장한다. (정확히는 HomeController.java가 있는 패키지의 한 단계 상위 경로가 되도록) 4. 서버 재시작하여 실행. 이 에러때문에 5시간을 삽질했다........... 공감수 8 댓글수 0 2021. 7. 1.
MyBatis 개념 * MyBatis - 객체지향언어인 자바의 관계형 데이터베이스 프로그래밍을 좀 더 쉽게 구현할 수 있도록 도와 주는 개발 프레임워크임. - 자바는 JDBC API를 제공해 주지만, 이런 JDBC를 이용하면 한 개의 클래스에 반복된 코드가 존재, 한 파일에 Java 언어와 SQL 언어가 섞여 있어서 재사용성 등이 안 좋아지는 단점이 발생함. - MyBatis는 이러한 JDBC의 단점들을 개선했으며, 개발자가 작성한 SQL 명령어와 자바 객체를 매핑해 주는 기능을 제공하며, 기존에 사용하던 SQL 명령어를 재사용이 가능하게 해 줌. * MyBatis 의 특징 - 한 두 줄의 자바 코드로 DB 연동을 처리해 줌. - SQL 명령어를 자바 코드에서 분리하여 XML 파일에 따로 관리. select * from e.. 공감수 0 댓글수 0 2021. 6. 30.
[에러]Origin 서버가 대상 리소스를 위한 현재의 representation을 찾지 못했거나, 그것이 존재하는지를 밝히려 하지 않습니다. 1.Server Modules탭에서 /path 바꿔도 안 될 때 https://jnju.tistory.com/7 [404 에러 eclipse 설정]Origin 서버가 대상 리소스를 위한 현재의 representation을 찾지 못했거나, 그것 jsp 만으로 돌아가는 테스트페이지를 로컬에서 tomcat으로 띄워야 할 일이 생겼는데 checkout 후 적당히 설정을 마치고 tomcat 실행해서 웹으로 접속해보니 계속 아래와 같은 메시지와 함께 404 오류가 jnju.tistory.com 2. 1번 방법 써도 안 될 때 https://shinye0213.tistory.com/336 톰캣 에러(Tomcat Error) HTTP 상태 404 – 찾을 수 없음 요청된 리소스 [/]은(는) 가용하지 않습니다. Ori.. 공감수 17 댓글수 0 2021. 6. 30.
javax.servlet.ServletException: 서블릿 [appServlet]을(를) 위한 Servlet.init() 호출이 예외를 발생시켰습니다. 1.@Autowired를 까먹어서. 2.Impl에서 @Autowired를 건 객체의 ID가 root-context.xml에서 정의가 안되어서. 공감수 0 댓글수 0 2021. 6. 30.
spring 환경 설정 projectlombok.org/download Specify locatio... - sts 설치폴더-sts.exe 선택-install CGLib - 2.2.2 mvnrepository.com lombok 검색 - Project Lombok 선택 - 1.18.20버전 선택-나온 코드 복사-pom.xml 파일 110라인쯤(디펜던시 있는 장소 아무데나) spring-jdbc 3.3.1 release 검색 [라이브러리 추가] 현재 프로젝트/pom.xml org.springframework spring-jdbc ${org.springframework-version} ------------------------------------------------ org.projectlombok lombok 1.18.20 .. 공감수 0 댓글수 0 2021. 6. 23.
스프링 컨테이너(spring container) 기본 흐름 1.객체(클래스 생성) -> 2.bean 생성 -> 3.AbstractApplicationContext 으로 bean 가져오기 - 스프링은 객체를 생성하고 각각의 객체를 연결해주는 조립기 역할을 함. - 여기에 있는 GenericXmlApplicationContext 객체가 조립기 기능을 구현한 클래스. - 조립기에서 생성할 객체가 무엇이고, 각 객체를 어떻게 연결하는 지에 대한 정보는 xml 파일에 설정이 되어 있음. - GenericXmlApplicationContext 클래스는 xml 파일에 정의된 설정 정보를 읽어와서 객체를 생성하고, 각각의 객체를 연결한 뒤에 내부적으로 보관함. - xml을 이용한 스프링 설정 파일에서는 컨테이너가 생성할 객체를 지정하기 위해 태그를 사용함. - 스프링 컨테이너.. 공감수 1 댓글수 0 2021. 6. 22.
spring 기본 개념 > Framework 란? - 정보시스템을 개발 또는 운영할 때 필요한 기본 기능을 미리 구현해 놓은 것. - 추가 기능을 개발하여 조립함으로써 전체 정보시스템을 완성할 수 있음. http://www.egovframe.go.kr 표준프레임워크 포털 eGovFrame 전자정부 표준프레임워크 서비스 EGOVERNMENT STANDARD FRAMEWORK 지속적인 품질관리 및 고도화를 통해 경쟁력 향상기술지원 및 교육 등을 통한 확산 보급 www.egovframe.go.kr 기본 환경 셋팅이 어렵다. 셋팅을 50~60% 해놓은 뒤 기능만 올리면 된다. > 장점 - 객체지향 원칙 적용 - 프로그램이 가벼움 - 톰캣 서버 사용 가능 - 단순하고 깔끔한 코드 작성 - 생산성과 품질 향상 - 유연성과 확장성 증대 -.. 공감수 0 댓글수 0 2021. 6. 22.
[JSP 오류]Name [DB명]은(는) 이 컨텍스트에 바인딩되지 않았습니다. [jdbc]을(를) 찾을 수 없습니다. 1.프로젝트 내에 연결한 톰캣 프로젝트의 server.xml을 연다. 2. 제일 밑으로 내리면 요놈이 있을 것인데 원래는 한 줄로 되어있고 제일 마지막에 /> 로 마감이 되어있을 것이다. /(슬래시) 지우고 3. 이렇게 되게 만든다. 4. 그럼 저 Context 태그 사이에 이걸 추가한다. 대충 이런 그림이 될 것임. 5. 저장하면 에러가 사라지고 실행 잘 됨. 공감수 5 댓글수 1 2021. 6. 11.
[JSP] 웹페이지의 에러가 발생했을 때 특정 페이지 띄우기(errorPage / 에러페이지) isErrorPage 는 에러가 발생했을 때 다른 페이지를 띄우겠냐는 뜻-> true errorPage는 에러 발생 시 띄울 페이지의 URL -> error.jsp(파일명은 자유) 위 두 개의 속성이 추가되어 있어야 에러 페이지로 이동한다. 위 소스의 경우, 변수를 선언하기 때문에 가 아닌 를 사용해야한다. 따라서 에러가 발생할 것이다. 에러가 발생하는 것을 확인했으니, 에러가 발생했을 때 출력될 페이지를 만든다. error.jsp 에러페이지입니다... 간단하게 안내말을 출력하는 페이지다. 이제 기존 소스에 isErrorPage와 errorPage 속성을 추가한다. 그 후 실행을 해보자. 여전히 경로는 에러가 난 파일로 되어있지만, 아까와 달리 에러페이지가 출력된 것을 볼 수 있다. 공감수 0 댓글수 0 2021. 5. 3.
[JSP] JSP 기본 문법 기본 문법 사용 년 월 일 1부터 100까지의 합을 구해보자. >> 7+5 = 문법을 활용하여 출력 결과를 웹페이지에 띄우기 공감수 0 댓글수 0 2021. 5. 3.
[JSP] JSP 기초 지시어(디렉티브) : JSP 페이지에 대한 설정 정보를 지정하는 공간. : JSP 페이지에 대한 정보를 지정하는 공간. 어떻게 처리해야 하는지, 전달하기 위한 내용도 담고 있는 공간. 클라이언트의 요청에 JSP 페이지가 실행될 때 필요한 정보를 JSP 컨테이너(톰캣)에 알려주는 역할을 함. : 현재 페이지에 다른 문서(JSP, HTML)를 가져와서 내용을 컴파일 할 때 사용되는 디렉티브. 형식) include 지시어를 사용한 JSP 페이지가 컴파일 되는 과정에서 include 되는 JSP 페이지의 소스 내용을 그대로 포함해서 컴파일을 진행 즉, 복사 & 붙이기 방식으로 두 개의 파일이 하나의 파일로 구성이 된 후 같이 컴파일 됨. ==> 사용할 태그 라이브러리 지정 EL / JSTL 언어 사용 시 적용되.. 공감수 1 댓글수 0 2021. 5. 3.
[Servlet] 서블릿에서 체크박스 요소의 값 받기 학생 정보 입력 화면 학 번 이 름 전공과목 Java C언어 JSP Spring PHP 연락처 major라는 변수 이름으로 체크 박스의 값을 보내준다. 그 후 서블릿에서 request.getParameterValues("major")을 통해 체크박스의 값을 받는다. getParameterValues의 경우 반환값이 여러 개이므로 배열로 리턴된다. 따라서, 해당 값을 출력하기 위해서는 for문을 사용해야 한다. package com.sist; import java.io.IOException; import java.io.PrintWriter; import javax.servlet.ServletException; import javax.servlet.annotation.WebServlet; import jav.. 공감수 1 댓글수 0 2021. 5. 3.
[Servlet] 에노테이션(1:1)등록과 web.xml 파일 등록 Ex02.jsp 두 수 더하기(에노테이션(1:1) 등록) 첫번째 수 : 두번째 수 : 두 수 더하기(web.xml 파일에 등록) 첫번째 수 : 두번째 수 : AdderServlet.java package com.sist; 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; @We.. 공감수 0 댓글수 0 2021. 5. 3.
자바 서블릿(Servlet) 기초 # Servlet? 서버 쪽에서 실행되면서 클라이언트의 요청에 따라 동적으로 서비스를 제공하는 자바 클래스임. 서블릿은 자바로 작성되어 있으므로 자바의 일반적인 특징을 모두 가지고 있음. 서블릿은 사버에서 실행되다가 웹 브라우저에서 요청을 하면 해당 기능을 수행한 후 웹 브라우저에 결과를 전송. 서버에서 실행이 되기 때문에 보안과 관련된 기능도 훨씬 안전하게 수행이 가능. # Servlet Life Cycle(서블릿 생명 주기) * init() : - 단 한 번만 호출이 됨. - 서블릿이 서비스하기 위해 필요한 초기화 작업을 수행을 함. * service() : - init() 메서드가 service() 메서드를 호출함. - 사용자의 요청에 따라 스레드 단위로 실행되는 메서드임. (여러번 실행) - 각각.. 공감수 0 댓글수 0 2021. 5. 3.
[CSS3] 반응형 웹(Responsive Web) 기초 반응형 웹(Responsive Web) - 정의 : 하나의 웹 사이트에서 pc, 태블릿pc, 스마트폰 등 접속하는 디스플레이의 종류에 따라 화면의 크기가 자동으로 변하도록 만든 웹페이지 접근 기법 - 웹사이트를 pc용과 태블릿pc, 모바일 용으로 각각 별개로 제작하지 않고, 하나의 공용 웹사이트를 만들어 다양한 디바이스에 대응할 수 있다는 장점이 있음. - 웹페이지의 내용을 수정할 경우, 하나의 웹 페이지만 수정하면 pc와 태블릿 px 모바일등 다양한 디바이스에서 동일하게 반영되는 장점이 있음. - 반응형 웹의 핵심 기술은 가변 그리드, 유연한 이미지, 그리고 미디어 쿼리가 중요한 핵심 개념임. - 가장 많이 사용되고 있는 반응형 웹 제작 도구는 부트스트랩 프레임워크가 있음. * 고정 그리드 레이아웃은 .. 공감수 1 댓글수 0 2021. 4. 29.
[JQuery-3.6.0] 효과-애니메이션(Animation) 처리 효과 관련 메서드 * 콜백함수 : 효과가 완료되면 실행되는 함수. 생략 가능. - hide() : 요소를 숨기는 기능. 형식) $("요소선택").show("효과속도(ms)", 콜백함수) - show() : 숨겨져있던 요소를 노출시키는 기능. 형식) $("요소선택").show("효과속도(ms)", 콜백함수) - toggle() : 선택한 요소가 보이면 숨기고, 숨겨져 있으면 보이게 하는 기능. 형식) $("요소선택").toggle("효과속도(ms)", 콜백함수) - fadeIn() : 숨겨져있던 요소가 점점 투명해 지면서 노출이 되는 기능. 형식) $("요소선택").fadeIn("효과속도(ms)", 콜백함수) - fadeOut() : 노출이 되어 있던 요소가 점점 사라지는(불투명) 기능. 형식) $("요소.. 공감수 0 댓글수 0 2021. 4. 29.
[JQuery-3.6.0] 이벤트(Event) 처리 이벤트 종류 1. 마우스 이벤트 : 사용자가 마우스 버튼을 눌렀을 때 발생하는 이벤트. 2. 키보드 이벤트 : 사용자가 키보드를 눌렀을 때 발생하는 이벤트. 이때 눌린 키에 대한 정보가 이벤트에 담김. 3. 태그 요소 고유 이벤트 : 요소마다 발생하는 고유의 이벤트. 4. 사용자 정의 이벤트 : 개발자가 직접 만들어 사용하는 이벤트. 이벤트 형식) $("요소선택").on("이벤트 이름", 이벤트리스너) 이벤트 목록 blur, change, load, unload, resize, scroll, select, submit, click, dblclick mousedown, mouseup, mousemove, mouseover, mouseout, mouseenter, mouseleave, focus, keydo.. 공감수 0 댓글수 0 2021. 4. 29.
[JQuery-3.6.0] 요소(속성) 편집 메서드 요소 편집 메서드 - 선택한 요소를 복제하거나 새 요소를 생성하는 메서드. - 복제하거나 새로 생성한 요소를 의도한 위치로 삽입하고 선택한 요소를 삭제하는 기능. - before() : 선택한 요소 이전 위치에 새 요소를 추가하는 메서드. 형식) $("요소선택").before("새 요소"); - after() : 선택한 요소 다음 위치에 새 요소를 추가하는 메서드. 형식) $("요소선택").after("새 요소"); - append() : 선택한 요소의 마지막 위치에 새 요소를 추가하는 메서드. 형식) $("요소선택").append("새 요소"); - appendTo() : 선택한 요소의 마지막 위치에 새 요소를 추가하는 메서드. 형식) $("새 요소").appendTo("요소선택"); - prepend.. 공감수 0 댓글수 0 2021. 4. 28.
[JQuery-3.6.0] 요소(속성) 조작, 수치 조작 메서드 요소 조작 메서드 : 요소를 생성, 복사, 삭제, 속성 변환과 관련된 메서드를 제공. 1. 속성 조작 메서드 2. 수치 조작 메서드 - html() : 선택한 요소에 포함되는 하위 요소를 불러오거나 새 요소로 바꿀 때 사용. - text() : 선택한 요소 내의 텍스트를 불러오거나 텍스트를 바꿀 때 사용. - removeAttr("속성") : 선택한 요소에서 기존의 속성을 삭제할 때 사용. - attr("속성") / attr("속성","값) : 선택한 요소에 새 속성을 추가하거나, 기존의 속성을 변경할 때 사용 - addClass() : 선택한 요소에 클래스 선택자를 생성할 때 사용. - removeClass() : 선택한 요소에 지정된 클래스 선택자를 삭제할 때 사용. - val() / val(값) :.. 공감수 0 댓글수 0 2021. 4. 28.
[JQuery-3.6.0] 속성 탐색 선택자 속성 탐색 선택자 : 요소의 지정된 속성을 기준으로 선택함. 1. 요소[속성] : 속성이 있는 요소 가져오기 2. 요소[속성=값] : 속성과 값이 일치하는 요소 가져오기 3. 요소[속성^=값] : 값으로 시작하는 요소 가져오기 4. 요소[속성$=값] : 값으로 끝나는 요소 가져오기 5. 요소[속성*=값] : 값을 포함하는 요소 가져오기 6. 요소[속성=값][속성=값] : and 조건으로 조건 2개의 속성과 값을 모두 만족하는 요소 가져오기 구글 네이버 다음 네이트 메일 G 메일 다음 메일 공감수 0 댓글수 0 2021. 4. 28.
[JQuery-3.6.0] 기본 문법과 위치 선택자 사용 * 제이쿼리를 이용하여 DOM을 조작하는 방법 형식) $("선택자").동작함수("속성","값"); 1. jQuery(document).ready(function () {}); 2. JQuery(function() {}); 3. $(document).ready(function () { }); - 표준 4. $(function () { }); 기본 문법 Header1 Header2 Header3 Header4 Header5 전체 선택자 Insert title here 제이쿼리 직접 선택자 및 관계 선택자 직접 선택자 관계 선택자 아이디, 클래스, 태그, 그룹 선택자 제이쿼리 직접 선택자 및 관계 선택자 직접 선택자 관계 선택자 부모, 하위(자손과 자식), 자식 선택자 Insert title here 인접 관.. 공감수 0 댓글수 0 2021. 4. 27.
[JQuery-3.6.0] 제이쿼리의 기본 개념 * 제이쿼리(JQuery)? - 자바스크립트 언어를 간편한게 사용할 수 있도록 단순화시킨 오픈 소스 기반의 자바스크립트 라이브러리. - 제이쿼리는 자바스크립트 DOM을 좀 더 쉽게 작업하기 위한 라이브러리 덩어리. - 제이쿼리를 이용하면 문서 객체 모델(DOM)과 이벤트에 관한 처리를 손쉽게 구현할 수 있음. * 제이쿼리 사용 이유 - 제이쿼리는 주요 웹 브라우저의 구버전을 포함한 대부분의 브라우저에서 지원됨. - 동적으로 HTML DOM을 손쉽게 조작할 수 있으며, CSS 스타일도 간단히 적용 가능. - 생산성 있게 아주 짧고 간결하게 코딩이 가능하여 불필요한 소스를 줄일 수 있음. - 애니메이션 효과나 대화형 처리를 간단하게 적용할 수 있음. - 같은 동작을 하는 프로그램을 더욱 짧은 코드로 구현할 .. 공감수 0 댓글수 0 2021. 4. 27.

문의안내

티스토리
로그인
고객센터

티스토리는 카카오에서 사랑을 담아 만듭니다.