Eclipse 에서 서버를 연결하고 jsp 파일을 크롬에서 열려고 하는데 아래와 같은 오류가 발생! 코드오류까지 다 확인을 해보고 해결되지 않는다면 아래의 방법을 시도해보세요! 에러 메시지 타입 → 예외 보고 메시지 → JSP를 위한 클래스를 컴파일할 수 없습니다.: 설명 → 서버가, 해당 요청을 충족시키지 못하게 하는 예기치 않은 조건을 맞닥뜨렸습니다. 예외 org.apache.jasper.JasperException: JSP를 위한 클래스를 컴파일할 수 없습니다. [chrome 화면] ■ 해결방법 ㄴ 톰캣 서버 실행의 오류일 것 같으니 서버를 재실행해주었습니다! ■ 해결방법 ㄴ eclipse window창 → show view → other → servers 창 오픈! ㄴ Tomcat 서버 오른쪽 마..

💻 BAEKJOON : 백준 문제풀기 방법 공유 | 개발자 공부 | 프로그래밍 공부 백준 사이트 https://www.acmicpc.net/ Baekjoon Online Judge Baekjoon Online Judge 프로그래밍 문제를 풀고 온라인으로 채점받을 수 있는 곳입니다. www.acmicpc.net 단계별로 풀기 바로가기 https://www.acmicpc.net/step 단계별로 풀어보기 단계별은 @jh05013님이 관리하고 계십니다. 단계제목설명정보총 문제내가 맞은 문제1입출력과 사칙연산입력, 출력과 사칙연산을 연습해 봅시다. Hello World!132조건문if 등의 조건문을 사용해 봅시다 www.acmicpc.net " 처음에 어떻게 풀어야할지, 사이트를 어떻게 이용하고 공부하면 좋을지..

💻 Eclipse 단축키 : window / mac 파일 확장명 단축키 의미 window 단축키 mac 단축키 html 주석 : 숨김 처리 ctrl + shift + / command + / java 여러줄 주석처리 (블록 주석/* */) ctrl + shift + / 블록 주석 해제 ctrl + shift + \ java 한줄 주석 : 숨김 처리 ctrl + / command + / java 한줄 주석 해제 command + / java run : console 실행 ctrl + f11 command + shift + fn + F11 java 한 줄 삭제 ctrl + d java System.out.println(); 자동완성 sysout 치고 ctrl + space sysout 치고 option + ..

💻 Terminal(Command Prompt, cmd) 명령어 : window / mac window 명령어 mac 명령어 명령어 의미 cd cd change directory 로 폴더(디렉토리)를 변경합니다. ex) cd c:/ cd 다음에 이동하고 싶은 폴더명 작성시 해당 폴더 위치로 이동 dir ls 디렉토리에 있는 파일 및 폴더의 리스트를 보여줍니다. cls clear clear screen 으로 화면에 있는 모든 글씨를 깨끗하게 비워줍니다.

[eclipse] Git&Hub Git Author, Committer 변경 방법 Git&Hub - Git&Hub Site ↓↓↓ https://github.com/ GitHub: Where the world builds software GitHub is where over 73 million developers shape the future of software, together. Contribute to the open source community, manage your Git repositories, review code like a pro, track bugs and feat... github.com ↓↓↓먼저 회원가입을 해주세요!!↓↓↓

CSS _컬러_color color는 색을 지정하는 속성으로 3가지 방법으로 속성값을 줄 수 있습니다. ※색상의 이름이나 값은 외울 필요없이 그때 필요한 컬러는 검색을 통하거나 포토샵에서 컬러명을 복사해서 붙여넣으시면 됩니다! ↓↓↓ [ CSS - font 문법 ] ▶ color의 속성값을 작성하는 3가지 방법! 1) 색상명 : 색상을 부르는 고유명으로 작성 2) #000000 : 색상을 16진수로 작성 3) rgb (0, 0, 0) : 색상을 rgb값으로 표기 ※ 투명도를 조절하고 싶을 때는 color : rgba (0, 0, 0, 투명도) ▶ font-weight 실전 예시 [ html - css 작성 코드 ] color : 속성값 색상명으로 컬러 바꾸기 16진수로 컬러 바꾸기 rgb값으로 컬러 바꾸..

CSS _폰트(font) font는 폰트 스타일을 바꾸기 위한 속성명으로 font-()뒤의 내용에 따라 폰트의 스타일에 변화를 줄 수 있음! ↓↓↓ [ CSS - font 문법 ] ▶ CSS에서 자주 사용하는 font의 속성입니다. ▶ font-weight ㄴ 폰트의 굵기를 변경하는 속성 ㄴ 속성값이나 숫자로 굵기로 변경할 수 있음 [사용하는 속성값] - normal : 기본값 - bold : 폰트 굵게 - 100~900 : 숫자별로 글꼴 굵기를 지정 가능 ※ 숫자가 클수록 두꺼워집니다! (normal이 400, bold가 700임) ▶ font-weight 사용 방법 ▶ font-weight 실전 예시 [ html - css 작성 코드 ] font-weight font-weight : 폰트의 굵기를 설..

CSS _폰트(font)_font-family font는 폰트 스타일을 바꾸기 위한 속성명으로 font-()뒤의 내용에 따라 폰트의 스타일에 변화를 줄 수 있음! ↓↓↓ [ CSS - font 문법 ] ▶ CSS에서 자주 사용하는 font의 속성입니다. ▶ font-family ㄴ 폰트의 글꼴을 설정 ㄴ 속성값이 여러 개의 글꼴로 설정되어 있으면, 적혀있는 순서대로 글꼴을 적용 ※ 여러 개의 글꼴을 나열할 때에는 쉼표(,)로 구분 ▶ font-family 사용 방법 ▶ font-family 실전 예시 [ html - css 작성 코드 ] font-family font-family : 폰트의 글꼴을 설정하는 속성 Times New Roman 글꼴 적용 Arial 글꼴 적용 [ 실행 화면의 변화 ] ↓ cs..

CSS _선택자_속성 선택자(attribute selectors) >> HTML 요소가 가지고 있는 특정 속성의 속성값을 선택해서 변화를 주는 선택자 [ CSS - 속성 선택자 문법 ] [ html 작성 코드 ] 속성 선택자 ID : PW : [ css 작성 코드 ] @charset "utf-8"; /* 속성 선택자 */ input[type="text"] { background-color: lightpink; } input[type="password"] { background-color: lightskyblue; border: 3px solid red; } input[type="password"]:focus { background-color: #ffc13a; } [ 실행 화면의 변화 ] [ :focus ..

>> 웹서버와 호스팅 서버 그리고 클라우드 호스팅 1) 직접 운영하는 서버 ㄴ 개인이 컴퓨터를 구매하거나 빌려서 직접 저장 공간을 만들어 서버를 운영 ▶ 장점 → 개개인이 서버를 관리할 수 있음 → 자유롭게 수정할 수 있음 ▶ 단점 → 서버에 관한 지식이 없는 사람은 관리하기 어려움 → 인터넷 속도면에서 불리할 수 있음 ※ 호스팅 서버나 임대형 웹서버를 이용하는 것이 더 경제적이고 실용적 2) 호스팅 서버 ㄴ 특정 업체에서 웹서버를 준비해 놓고 웹 서버의 일부 공간을 월 사용료를 받고 빌려주는 서비스 ▶ 장점 → 기본 설정이 완료되어 있어 월 사용료만 내면 바로 서비스 이용 가능 ▶ 단점 → 개개인이 서버를 관리하거나 수정하기 어려움 → 여러가지 제약이 있을 수 있음 3) 클라우드 호스팅 ㄴ 웹 서버나 ..

javascript_if_조건문 Q : 조건문이란? - 표현식의 결과(true / false)에 따라 명령을 수행하도록 제어하는 실행문을 말합니다. - 조건문 중에서 가장 기본이 되는 실행문이 if문입니다. [자바스크립트에서 사용할 수 있는 조건문의 형태] 1. if 문 2. if / else 문 3. if / else if / else 문 4. switch 문 📌 if문의 문법 if (표현식) { 표현식의 결과가 참일 때 실행하고자 하는 실행문; } 📌 else문의 문법 if (표현식) { 표현식의 결과가 참일 때 실행하고자 하는 실행문; } else { 표현식의 결과가 거짓일 때 실행하고자 하는 실행문; }

CSS : hover CSS - 선택자 hover는 사용자의 마우스 커서가 링크나, 글자 등 위에 올라가 있는 상태로 마우스 커서 이동에 따라 스타일 변화를 줄 때 사용합니다! ↓↓↓ [실제 예시 사진] " 홈페이지에서 메뉴바나 마우스가 올라갔을 때 변화하는 모습 많이 보셨죠? " [ html - css 코드 ] HOME PRODUCT SHOP EVENT [실행화면]

HTML semantic tag _ 시맨틱태그 HTML : 웹 문서 구조 만들기 - 시맨틱 태그란? 웹 문서 구조에서 의미가 있는 태그를 말함! 왜 시맨틱 태그를 사용해여할까요? 1). SEO(search engine optimization) : 검색엔진최적화 때문에 ⇢ 시맨틱 태그는 로봇이 웹 문서를 읽을 때 도움이 되며, 검색어에 맞게 웹사이트를 노출시켜준다. ✓ 검색엔진에서 노출이 잘 되어야하는 사이트의 경우, 시맨틱 태그를 잘 써주면 좋아요! 2). 웹 접근성 : 스크린 리더의 활용에 좋기 때문에 ⇢ 장애인분들이나 노인분들이 웹 사이트를 이용할 때 사용하는 화면 낭독기와 같은 보조 기기에서 웹 사이트를 더 정확하게 이해해 내용을 잘 전달 할 수 있습니다. 3). 유지보수와 높은 가독성 : 영역이 ..

CSS _선택자_그룹선택자 CSS의 문법 형식은 선택자, 속성, 속성값으로 이루어져 있습니다. ↓↓↓ [ CSS - 문법 ] 그래서 CSS에서는 스타일을 적용할 대상을 선택하기 위해서 선택자를 사용합니다. ▶ 그룹 선택자 ㄴ 여러 선택자에 css를 적용하고 싶을 때 사용합니다. ㄴ CSS 선택시 : ,(쉼표)를 사용 (부르고 싶은 선택자를 쉼표로 구분하여 연결하여 불러주면 됩니다.) 태그에 selector 라는 클래스 이름을 주고 로 글자 색깔을 변경해볼께요~! [ html - css 작성 코드 ] CSS 그룹 선택자1 CSS 그룹 선택자2 [ css 넣기 전] [ 실행 화면의 변화 ]

CSS _선택자_클래스선택자 CSS의 문법 형식은 선택자, 속성, 속성값으로 이루어져 있습니다. ↓↓↓ [ CSS - 문법 ] 그래서 CSS에서는 스타일을 적용할 대상을 선택하기 위해서 선택자를 사용합니다. ▶ 클래스(class) 선택자 ㄴ 같은 클래스 이름을 여러 요소가 가질 수 있음. ㄴ 태그 선언시 :class= "box1" ㄴ CSS 선택시 :.box1{ 속성 : 속성값; } 태그에 selector 라는 클래스 이름을 주고 로 글자 색깔을 변경해볼께요~! [ html - css 작성 코드 ] CSS 클래스 선택자 [ 실행 화면의 변화 ]

JavaScript _HTML 컨텐츠를 변경하기 JavaScript Q : 자바스크립트로 html에서 작성한 내용을 바꾸고 싶을때? >> 아이디(id)를 이용해 선택 getElementById() 메소드는 아이디를 이용하여 HTML 요소를 선택합니다. [ 작성방법 ] document.getElementById('text1').innerHTML="내용바꾸기"; [ 해 석 ] → 웹문서 . Id text1인 HTML 요소 가져와 . 내부글자 = "바꾸고 싶은 내용적기" ; [ 코드 작성 ] CSS 아이디 선택자 📌 javascript를 넣어서 실제로 글자 내용이 바뀌는지 확인해볼까요?

CSS _선택자_전체선택자 CSS - 선택자 - CSS의 문법 형식은 선택자, 속성, 속성값으로 이루어져 있습니다. ↓↓↓ 그래서 CSS에서는 스타일을 적용할 대상을 선택하기 위해서 선택자를 사용합니다. 선택자(selector)의 종류 ▶ 아이디(id) 선택자 ㄴ 자바스크립트에서 중복된 아이디가 있으면 오류가 발생하기 때문에 같은 id는 한개만 사용! ㄴ 태그 선언시 : id = "name" ㄴ CSS 선택시 : #name { 속성 : 속성값; } [ html - css 코드 ] CSS 아이디 선택자 [ 실행화면 ]

CSS _작성 위치와 연결방법 CSS Q : CSS는 어디에 작성해야할까요? - "CSS는 인라인스타일 / 내부스타일시트 / 외부스타일시트 나뉩니다." 1). 내부 스타일시트 ㄴ html 영역에 로 작성하는 방법 2). 인라인 스타일 작성하는 방법 ㄴ html 태그를 사용해 안에 작성한 태그에 작성하는 방법 3). 외부 스타일시트 작성하는 방법 ㄴ 자바스크립트 파일을 외부에서 따로 만들어서, html 파일에 연결하는 방법 ㄴ ※자바스크립트 파일을 만드는 확장자는 css입니다. ㄴ 즉, 문서 저장시 파일이름.css 라고 저장해주시면 됩니다. [파일 저장 예시] 📌 Q : css는 어디에 작성하고, 외부에서 작성한 파일은 또 어떻게 불러올까요? A : 인라인스타일 / 내부스타일시트 / 외부스타일시트연결을 이..

JavaScript _작성 위치와 연결방법 JavaScript Q : 자바스크립트는 어디에 작성해야할까요? - "자바스크립트는 크게 2가지 위치에서 작성할 수 있습니다." 1). 내부 스크립트 ㄴ html 문서 안에서 직접 스크립트를 작성하는 방법 2). 외부 스크립트 작성하는 방법 ㄴ 자바스크립트 파일을 외부에서 따로 만들어서, html 파일에 연결하는 방법 ㄴ ※자바스크립트 파일을 만드는 확장자는 js입니다. ㄴ 즉, 문서 저장시 파일이름.js 라고 저장해주시면 됩니다. [파일 저장 예시] 📌 Q : 자바스크립트는 어디에 작성하고, 외부에서 작성한 파일은 또 어떻게 불러올까요? A : 내부에서 작성하는 방법과 외부파일은 연결하는 것 모두 html 파일 안에서 합니다.! ↓↓↓ (↓↓↓먼저 이미지로 위..

CSS _문법 + (CSS 맛보기 CSS - 문법 - CSS의 문법 형식은 선택자, 속성, 속성값으로 이루어져 있습니다. - 작성은 외부 스타일시트, 내부 스타일시트 그리고 인라인 스타일로 작성이 가능합니다. ㄴ 보통 수정이 용이하고 효율을 위해 외부 스타일 시트에 작성 후, HTML 파일에 연결하는 것이 좋습니다. [ CSS - 문법 ] [CSS - 태그에 스타일 적용하기 ] ㄴ 태그에 작성한 글자의 색깔을 바꿔볼까요? HTML만 작성 → 글자색의 변화 없음 CSS를 시작하신 것을 환영합니다. CSS stlye 적용 → 글자색이 변함 (↓↓↓속성에 대해서는 나중에 자세히 배울테니, "오늘은 CSS 문법의 형식"만 알아두시면 됩니다.🤩↓↓↓) CSS를 시작하신 것을 환영합니다. [ 실행시 화면 ]