개발자 도전기

member_board 생성 화면구상 : 외부 (소스를 나중에 가져옴) * 이클립스에서 만든 html파일 vscode에서 작업 하는법 좌측 상단탭에 file -> open folder 이클립스 workspace-web에 내가 작업할 폴더 선택 후 index파일 수정 *bootstrap navbar carousel input Group Buttons 1. Containers - 고정형 너비값을 가져감 (너비에 맞는 크기에 맞춤) - 반응형에 대한 고정형 컨테이너 - container-fluid는 그냥 고정 - 너비에 따른 크기는 https://www.w3schools.com/bootstrap5/bootstrap_containers.php 참고 1-1) padding - 컨테이너에 패딩을 주고싶을때 1-2)..

※ servlet, jsp 1. servlet괴 jsp의 개념 - 기능의 차이는 없고 역할의 차이만 있다 (하는일은 같음) 1-1) servlet - servlet은 java이다. - 웹 기반의 요청에 대한 동적인 처리가 가능한 server side에서 돌아가는 자바 프로그램 - 웹개발을 위해 만든 자바기반의 표준 - 쉽게말해서 Java 코드를 작성하는곳 1-2) jsp - Java 언어를 기반으로 하는 Server side 스크립트 언어 - Servlet을 보완하기위해 만든 추가적인 기능 - Servlet의 기능에 몇가지 기능을 더 추가한것 - 자바코드를 jsp에서 쓰는것이 좋지못하여 servlet과 같이 사용함 - 쉽게말해서 html코드를 작성하는곳 1-3) Web Sevice의 기본적인 동작 과정 ..

※ 스레드 1. 프로세스와 스레드 - 프로세스 : 실행중인 프로그램을 의미함 - 스레드 프로세스안에서 작업을 수행하는게 스레드 - 두개이상의 스레드를 가진 프로세스를 멀티스레드 프로세스라고 부름 - 1-1) 멀티스레드 * 멀티스레드의 장점 - cpu, 메모리를 효율적으로 사용할 수 있음 - 사용자에대한 응답성이 높아짐 (멀티스레드를 쓰는 가장 큰 이유) - 작업을 스레드 단위로 분리해서 실행시간을 줄일 수 있다. (케바케) - 블럭, 락, 스레드큐의 대기열, 작업전환, - 작업우선순위 (JRT) - 여러 스레드들이 메모리나 컴퓨터 자원을 공유해서 사용하기 때문에 동기화가 제대로 되지 않거나 - 예제) 자바에서 다른 프로그램을 실행하는 예제 package chapter17; import java.io.IO..

※ jQuery HTML 1. css() Method - 지정하거나 반환하거나 getter setter 역할을 동시에 함 1-1) return css property - css("propertyname"); / 문자열이 하나면 getter역할을 함 1-2) set css property - css("propertyname","value"); / 문자열 2개를 쓰면 setter 역할을 함 1-3) set Multiple css property - css({"propertyname":"value","propertyname":"value",...}); , 문자열에 값을 주면 된다 사용예제) 문단1 문단2 문단3 문단4 클릭 ※ Traversing - 찾는데 사용됨??? 1. Ancestors - 요소의 조상을..

※ event 1. on() 메서드 - 이벤트를 부여하는 방식이 2가지로 나뉨 / 대괄호는 생략가능함 - .on(events[,selector][.data], handler) - .on(events[, selector][, data]) * 이벤트를 부여하는 행위를 이벤트를 바인딩한다 라고 함 예제) click me 예제2) // event delegation (이벤트 위임) let colorArr = ['red', 'orange', 'green'] let colorIdx = 0; $(".wrap").on("click", ".box", function(){ let str = ''; // document.body.innerHTML += str; // $(".wrap")[0].innerHTML += str; ..

Double Ended Queue Deque : 양방향 입출력 FIFO ※ DOM - 1-1. scroll 이벤트 - 마우스를 스크롤하면 발생하는 이벤트 2. touch 이벤트 - 클릭이벤트로 대체 가능하지만 손가락을 2개이상 쓰는 이벤트는 touch이벤트를 사용해야 한다. 3. load 이벤트 - 4. unload 이벤트 - 현재 웹페이지에서 다른 페이지로 이동하거나 브라우저 창을 닫을 때 발생하는 이벤트 - * 명시적인 세션 만료 (로그아웃 / 자동로그아웃 시간) 2. DOM Style - 태그의 스타일 속성을 가져오거나 새로운 스타일 속성을 추가 할 수 있음 - 주의사항 : - (하이픈)을 camel표기법으로 바꿔야 적용이 된다, 2-1) ※ jQuery https://www.samsungsds.c..