하루하루 성장하는 개발자가 되자

# 알아야 할 것 1. 스크립틀릿 JSP파일 안에서 out.print() 처리되지 않고 java코드 그대로 인식되도록 해준다. 2. 지시자 태그 를 이용하여 import 작업 가능 를 이용하여 페이지에 대한 정보 설정 가능 3. Date Date date = new Date() 자바 클래스 - 오늘 날짜 가져와서 변수에 넣어주기 4. SimpleDateFormat - format() SimpleDateFormat sdf = new SimpleDateFormat("yyyy년 MM월 dd일"); 날짜가 표시될 형식 지정 sdf.format(date) 오늘 날짜 지정한 형식에 맞게 출력 5. 표현식 out.print() 로 처리되길 원할 때 사용 변수에 담겨있는 거 그대로 화면에 출력되길 원할 때 사용

윈도우 객체 활용해보기 window 객체는 window.---- 해서 사용하는 것이 정석 하지만 [ window . ] 생략해서 사용 가능 java의 object와 같은 것이 window window 객체 확인 많다. 몇 가지만 골라서 사용해보기 1. alert(" ") 알람 띄우기 window. 생략가능alert('안녕'); 2. confrim 확인창 띄우기 결과 값은 true / false로 반환된다. 3. screen 화면 정보를 가져오는 객체 screen.width / screen.availHeight 처럼 속성 값 확인 가능 4. lacation 특정 URL로 접속했을 때 location.href를 활용 -- 다른 URL로 이동시킬 수 있습니다. 4-1 location 객체가 가지고 있는 정보 ..

1. 웹 표준 어떤 브라우저에서도 똑같이 작동할 수 있도록 표준을 정해놓은 것 크롬 / IE / 엣지 / 사파리 등 플랫폼이 달라도 동일한 기능 구현할 수 있도록 2. 웹 표준의 장점 여러 가지 중에 대표적인 장점은 접근성 향상과 검색엔진 최적화 SEO - 접근성 향상 스크린리더를 활용하여 접근성 향상 검색엔진 최적화(SEO) 태그는 어디서나 같은 기능을 가진다. - 웹 표준 이를 바탕으로 검색엔진 최적화 작업에서 태그와 스타일등을 참조! 3. HTML 3-1 doctype 현재 문서의 타입이 무엇인지 써놓은 것 !doctype html 3-2 inline , block 요소 태그가 영역을 지정하는 방식 3-3 웹 페이지의 존재 이유는? 쿼리 날릴 줄 모르는 사람들을 위해서 존재하는..

JS [ 배열 ] 에 여러 가지 함수 적용해서 사용해보기 1. concat( ) 배열에 문자열 이어주기 - 추가하기 2. indexOf( ' ' ) 배열에서 특정 문자열의 인덱스 찾기 2-1 indexOf( ' c ', 3 ); 파라미터 check a[ ]에서 ‘c’ 인덱스를 찾겠다. - 3번째부터 - a[3] - 'd'부터 찾게되므로 'c'못찾는다 – 못 찾았다 [ –1 ] 출력 2-2 lastIndexOf() last 체크 특정 문자열을 배열의 뒤에서부터 찾는다. 가장 먼저 만나는 문자열의 a[ ] 인덱스 출력 3. every() every() 라는 함수는 파라미터로 함수를 받는다. a배열에 요소를 하나하나 다 가져와서 작업하겠다 어떤 작업? function(){} 작업 3-1 함수 만들어서 호출해보..

부트스트랩이란? 웹 사이트 개발 프레임워크 각종 레이아웃, 버튼, 입력창, 스타일 등의 디자인을 CSS와 Javasctipt로 만들어 놓은 프레임워크 #프레임워크 - 재사용이 가능한 요소들의 집합, 정해진 구조와 틀 안에서 확장 가능한 코드로 이루어진 것 1. cdn 방식으로 적용 Content Delivery Network 지리적 제약 없이 사용자에게 빠르고 안전하게 콘텐츠를 전송할 수 있는 콘텐츠 전송 기술 어떤 CSS 파일을 다운로드 받아서 사용하는 방식이 아니라 link를 통해서 사용하는 방법이 cdn 방식 경로만 써주면 링크타고 해당 파일 찾아가서 스타일 만들어 놓은거 현재 내 파일로 가져올 것이고 가져온 스타일을 현재 내 파일에 적용해줄 것이다. - 스타일 지정해주면 적용됨! 2. CSS 파일..

flex 정렬을 편리하게 사용할 수 있게 해주는 flex박스 display: flex; 알아야 할 키워드 : container / item / main 축 / cross 축 main 축 ( flex-direction의 값 ) – row/column 누구한테 지정해 주어야 하나? containner에 해당하는 요소한테 display: flex; 지정해준다. #실습 기본 세팅 1. display : flex; 적용 감싸고 있는 container인 - #outer에게 적용 # 1-1 정렬 속성 Check 기존에 block형식으로 한 줄 한 줄 차지하고 있던 특성 없어지고 한 줄에 모두 정렬되었다. # 1-2. 정렬 방향 Check flex - direction : 정렬 방향 지정 가능 (메인 축 지정) 가로 ..

젠코딩(Znd Coding) 이란? CSS Selector 방식으로 빠른 코딩과 다른 구조의 코드 유형을 편집하기 쉽게 해 주기 위한 플러그인의 집합 "HTML과 CSS 코드를 빠르게 작성할 수 있도록 도와주는 오픈소스 도구 젠코딩 활용해보기 1. [ ID ]와 [ 클래스 ]와 [ 콘테츠 ] 입력해서 생성하기 ID는 # 뒤에 클래스는 .(점)뒤에 콘텐츠는 { } 안에 div#active-test.area{ active테스트 } 2. 여러개 생성할때 숫자 하나씩 증가 [ $ ] 해서 생성하기 id, class, contents 영역 다 사용 가능 3. 엘리먼트 복제 [ * ]활용해보기 젠코딩 문법 check ID, CLASS 속성 div#page.section.main 커스텀 속성 a[title="hell..

1. vscode 검색 후 사이트 접속 - OS에 맞는 파일 다운로드 https://code.visualstudio.com/ 2. Setup 파일 실행해서 설치 진행 3. 설치 완료 환경설정 1. 인코딩 설정 2. 마우스 줌 설정 3. 확장 프로그램 tool 설치 3-1 자동완성 도와주는 - HTML snipet 3-2 태그 수정 도와주는 - Auto Rename Tag 태그 앞부분 수정하면 끝 태그도 자동으로 수정 3-3 코드 실시간 확인 - HTML Preview 지금 태그 브라우저에서 어떻게 보이는지 실시간으로 확인 가능 tool 3-4 코드 실시간 확인 - Live Server preview랑 비슷한데 – 브라우저 새로고침 필요 없다 preview는 옆에 창으로 보여서 크기 문제나 / 작동안하는 ..

1. workspace에서 삭제할 목록 체크 2. eclipse 설치한 폴더로 찾아가기 - 압출 풀었던 곳, exe파일 실행했던 곳 3. configuration 폴더로 들어가기 이클립스 폴더 하위에 존재 4. settings 폴더로 들어가기 configuration 폴더 하위에 존재 5. org.eclipse.ui.ide.prefs 폴더- 메모장으로 실행 6. RECENT_WORKSPACES 라인에서 지우고 싶은 workspace 지워주기 \n 으로 구분되어있다. 7. 지울 workspace 삭제 후 저장 -> eclipse 실행해서 확인 GOOD :)

1. JDBC 오라클 설치 oracle jdbc install – 오라클사이트와 연결된 사이트로 선택 -https://www.oracle.com/kr/database/technologies/appdev/jdbc.html 2. JDK 버전에 맞는 JAR파일 설치 현재 jdk11사용하고있어서 상관없지만 안정성 위해 8버전 3. dev 하위에 libs 폴더 생성 – 다운받은 파일 넣고 압축 풀기 4. 이클립스에서 프로젝트 - 우클릭해서 Properties 선택 5. 파일경로 찾아서 추가해주기 5-1 다운받은 JAR파일 경로가서 선택해주기 5-2 추가 잘된것 확인하고 Alpply and Close 6. 추가 잘 되었는지 확인 프로젝트 하위에 Referenced Libraries 확인