스마트인재개발원

[jQuery]문법 실습

jQuery 개념 실습 로그인 폼을 작성해봅시다 p태그 다루기 로그인폼 ID : PW : div태그 다루기 h태그 다루기 id input 속성 추가 input태그 다루기 속성지우기 p태그 지우기 jQuery 실습2 div내부 앞에 추가 div내부 뒤에 추가 div외부 앞에 추가 img 1개 삭제 div 안 비우기 class 추가 class 삭제 부모요소 접근 jQuery 실습3 1.좋아요 클릭시, 좋아요 수가 1로 늘어나고 버튼은 좋아요 취소라 바뀜 2.좋아요 취소 클릭시, 좋아요 수가 0으로 줄고 버튼은 다시 좋아요로 바뀜 3.댓글 작성 시, 목록의 맨 위에 댓글이 추가 4.삭제 버튼시, 그 댓글만! 삭제 좋아요0 댓글작성 첫댓글삭제

[JavaScript] 객체 반환

객체 실습 DOM(Document Object Model) -문서 객체 모델링 -서로 다른 언어가 소통할 수 있도록 쪼개서 '객체화'시켜주는 것! -HTML요소지만 JavaScript를 이용할 수 있도록 해준다. 문서에서 = > document 접근 => . 가지고와줘 => get 요소 => Element 아이디를 통해 => ByID() HTMLElement -모든 종류의 HTML요소를 나타내는 인터페이스 -getElement 메소드를 통해서 원하는 객체를 조회 -조회된 객체들을 대상으로 구체적인 작업 처리 getElementByID() -접근하고자 하는 HTML태그의 id값을 이용해 HTMLElement객체 조회 객체 반환 예제 Hello, World! Click! DOM예제 버튼을 누르면 1씩 증가하..

[JavaScript]함수실습,객체

배열실습 HTML을 데이터와 결합해야할 때 1. 일반 문자열 결합 '안녕하세요 저는'+name+'이고, '+num+'살 입니다.' 2. 템플릿 리터럴 (ES6) ``백틱 ${} `안녕하세요 저는 ${name}이고, ${num} 살 입니다.' 함수(Function) :특정 기능을 수행하는 소스 코드를 하나로 묶어 필요할 때마다 호출하여 사용하기 위한 구조 **재사용성! 1.매개변수와 입력값의 데이터 타입이 동일한지 검사하지 않는다. why? 내부적으로 arguments 객체가 호출되어 인자들을 배열 형태로 지정한다. 2. 입력값의 개수가 매개 변수의 개수보다 적다면 매개 변수의 값은 undefined로 설정된다. 함수의 구조 함수 예제 함수 실습 별찍기 function 신문법(화살표함수) function ..

(JSP) model2 실습

Main.jsp 더보기 메인페이지 회원가입 로그인 Join.jsp 더보기 ID : PW : NAME : AGE : s JoinService.java 더보기 package com.smhrd.controller; import java.io.IOException; import javax.servlet.ServletException; import javax.servlet.annotation.WebServlet; import javax.servlet.http.HttpServlet; import javax.servlet.http.HttpServletRequest; import javax.servlet.http.HttpServletResponse; import com.smhrd.model.DAO; import com..

[JavaScript] 이론

변수 -변화를 줄 수 있는, 변할 수 있는 수 ECMAScript6 표준안에서 새로운 변수 키워드 등장 Var. let(변수), const(상수) 실습1 자료형 자료형 설명 number 정수, 실수 등 산술 연산이 가능한 자료형 String 문자열로 이루어진 자료형 boolean 참/거짓으로 표현되는 논리 형태의 자료형 undefined 값이 할당된 적이 없거나 존재하지않는 속성일 때의 유형 null 아무런 값을 나타내지 않을 때의 자료형 let num ; => undefined -변수를 선언하고 값을 할당하지 않은 상태 ★ 자바스크립트는 초기 값을 꼭! 설정해줘야한다!!!!!!!!!!! let abc = 1; abc = null ; => null 형변환 연산자 종류 parseInt() 문자열을 숫자(정..

[JavaScript] 기초

Javascript -웹 페이지를 동적으로, 프로그래밍적으로 제어하기 위해서 고안된 객체 기반의 스크립트 언어 ECMAscript -브라우저에서 동작하는 언어를 만들 때, 문법적인 사항들을 정리한 문서 기초 실습 안녕하세요! Design Change! 💖 Revert 🌟 HTML CSS Javascript 오늘은 5/11 즐거운 JS 수업입니다! 🎊 JavaScript의 출력 document.write(); -HTML문서 내에 출력 console.log(); -console창에 출력 alert(); -알림 팝업창으로 출력 JavaScript의 입력 Prompt("출력내용","입력내용")입력창을 통한 입력문 - 리턴타입: String confirm("출력문 작성") - 리턴타입 : boolean

[JSP] MVC, JDBC(model1 실습)

MVC Pattern (model view controller) 모델(Model) -어플리케이션의 정보, 데이터 뷰(View) -사용자가 보게 될 결과 화면 출력 컨트롤러(Controller) 사용자의 입력처리와 흐름 제어 담당 모델 -실행에 직접적인 관여 x -데이터를 담거나, 데이터를 보내거나, 수정, 삭제하는 객체 컨트롤러 -어플리케이션의 행위를 정의 -Logic 결과에 따라 적절한 View를 선택하여 응답 뷰 -Model 테이터를 기반으로 -실제 사용자에게 보여지는 페이지 Model1 -JSP에서 출력과 로직을 전부 컨트롤 -개발기간 단축 -유지 보수 어려움 -디자이너와 개발자간 소통 필요 -간단한 웹 애플리케이션 구현에 용이 Model2 -JSP에서 출력만 처리 -초기 구조 설계에서 많은 시간이..

[Arduino] 통신

Serail 통신 USB를 통해 아두이노와 PC또는 다른 시리얼 장치 간에 정보를 송수신하는 것 Serail 모니터 Serial 통신으로 LED 제어하기 void setup() { Serial.begin(9600); pinMode(3, OUTPUT); pinMode(4, OUTPUT); pinMode(5, OUTPUT); Serial.println("Start"); } void loop() { if(Serial.available()>0){ int num = Serial.parseInt(); if(num == 1){ Serial.println(num); digitalWrite(3,1); Serial.println("1HIGH"); }else if(num == 2) { Serial.println(num); ..

[JSP]Session

Session(세션) -브라우저가 종료되기전까지 클라이언트의 정보를 유지하게 해주는 기술 -사용자 정보 파일을 서버 측에서 관리 Session 사용 예 로근인 같이 보안상 중요한 작업을 수행할 때 사용 Session 특징 1. 각 client에게 고유 ID 부여 2. 보안 명에서 쿠키보다 우수 3. 사용자가 많아지면 서버 메모리 많이 차지하게 됨 세션확인하기 세션 확인하기 모든 세션 확인하기 ID : AGE : 가지고 올 때 사용하기 편한 메소드들이 기본적으로 설계되어있다. // --> 객체들을 하나씩 처리하기에 용이함 //2. 키값에 맞는 데이터를 꺼내오기 //2-1) 데이터 유무부터 확인 while(names.hasMoreElements()){ //2-2) 데이터(key, name값) 꺼내오기 Str..

[Arduino] LCD,전구 실습

LCD Screen(hello, world) LCD조도센서값 읽기 220V 전구 릴레이 모듈을 활용하여 전원 켜보기