천천히 차근차근

1. 의심가는 지점에 break pointer를 건다. (좌측에 더블클릭해서 파란색 포인트 생성) 2. 그리고 나서 상단에 벌레 모양을 클릭해서 실행시킨다. 3. 실행이 똑같이 되지만 상단에 보면 프로그램이 계속 실행중이며, 아래 sts 모양이 깜빡깜빡 거리는 것을 확인 할 수 있다. * 의미 : 더 이상 진행이 되고 있지 않음을 의미한다. break pointer를 건 곳에서 멈춘 것. 4. 여기서 중요한 것! ★ F5, F6, F7 의 사용법을 알아야 한다. (1). F6 : 그 다음것 실행해주세요. (2). 그리고나서 그 전 코드 위에 커서를 올리면 실행된 코드의 내용을 알 수 있다.(볼 수 있다.) (3). 그리고나서 F6을 누르면 바로 전 실행 내용을 또 확인할 수가 있다. 누르고나서 전 코드의..

* textarea : html에서 기본적으로 제공하는 입력 양식. 중간에 글자 굵기를 두껍게 하고 싶다라하면 span을 활용하여 직접 bold를 주어야 한다. ★ 문제가 되는 이유 해커(어떤 사람이) 써놓으면 얘가 실행이 된다... 더 악의적인 경우 어떤 글을 클릭하자마자 다음으로 넘어간다. - 세션, 쿠키 정보. (예시, 헬스장의 키. 쿠키 안에는 키가 들어있다. 그 키를 해커가 가져갈 수도 있다.) - 해커가 쿠키 값을 위장해서 접속하면 금융기관 등 로그인 정보가 없어도 접속이 가능하다. ★★★★★ 토스트 UI 방식 선호 ★★★★★ ★ 실무에서 적용하려면 위의 순서대로 적용해서 사용하면 된다! 사용 목적에 따라 불러오는 코드들이 다르지만 정확하게 위치? 순서가 맞지 않으면 제대로 작동되지 않는듯해서..

↑ 에디터 사용하기 위한 필요 코드 ( 이 중에서 필요한 코드를 골라서 사용하면 된다..) console.clear(); var editor1__initialValue = $('#origin1').html(); var editor1 = new toastui.Editor({ el: document.querySelector('#viewer1'), height: '600px', initialValue: editor1__initialValue, viewer:true, plugins: [toastui.Editor.plugin.codeSyntaxHighlight] }); ↑ 에디터를 사용하기 위한 자바스크립트 코드 #origin1 { display:none; } ↑ detail.jsp 파일 안에 style="~~~..

1. package -> 우클릭 -> new -> Servlet -> Class Name: ArticleDoWriteServlet -> 생성 2.

File -> Switch Workspace -> other click! -> 복사 후 -> window -> ctrl + v -> enter

★ git에서 다이나믹 웹 프로젝트를 pull했을 때, 바로 작동되지 않는 경우가 있다. 그럴 경우 활용하기. 1. project workspace로 이동 ★ .gitignore로 필요없는 파일을 하나도 제거해주지 않고 push 후 pull해서 프로젝트를 열려고하면 프로젝트 첨부가 되지 않는다. 하여 pull한 폴더에서 classPath, settings 등을 임의로 지워주고 프로젝트를 다시여니까 열렸음. 참고 2. 빨갛게 오류가 발생하는 이유 : 해당 클래스들은 담당하는 jar에 의해 작동되는데 pull할 때 그 파일들이 함께 첨부되지 않아서 그런것. 임의로 클래스들을 담고 있는 파일을 추가해주어야 오류 발생하지 않고 작동된다. * apache 파일 -> lib -> 안에 있는 파일들이 자바 클래스들을..

* 부모한테 flex를 주면 자식들은 display:block; 취급을 당한다! 자식이 display:inline-block으로 높이와 너비가 먹지 않을 때는 부모한테 flex를 주어서 자식들의 display를 block 취급당하게해서 사용할 수도 있다. 자식들을 직접 display:block 으로 바꿔주는 방법도 있지만! * 애니메이션을 할 때는 display:none으로 하지 않기! visibility:hidden; 사용해서 숨기기 !!!! * 경고창 보여주는 코드. 반응형의 경우, min-width가 필요없다. 대신 max-width:1356px; max를 만들어서 최대 지정 크기보다 더 커지지 않게만 설정한다. *flex 는 바로 밑에 자식의 높이(height)를 쫙 늘려버린다. 너비는 상관없음...

[ sts blog 구현 연습 ] * index html, css, js 등 jsp 파일 생성하기 1. WebContent 폴더 안에 resource 폴더 생성하기. 2. resource 폴더 안에 폴더. 파일 만들기 - css 폴더 / home / index.css 파일 생성 ( 바로 파일명을 main.css로 수정하셨음) - js 폴더 / home / index.js 파일 생성 - img 폴더 3. index.html은 - jsp/home/main.jsp 에 복붙하여 사용 html을 jsp 로 복붙 할 때는 맨위에 부분은 꼭 살려두어야 한다. 일종의 클래스를 담아두는 package로 이름을 com.sbs.java.blog.servlet 로 수정하셨음 ! => servlet만 모아놓는 곳이다! ★ 두개..

* text-align : center(left, right) 1. 자기 자신한테 text-align을 주면 자신이 움직이는게 아니라 자기가 가지고 있는 텍스트를 움직인다. 2. 그리고 자식 엘리먼트가 가지고 있는 텍스트를 부모 엘리먼트가 text-align을 주고 움직일 수도 있다. 1. 위와 같이 자식 엘리먼트에 너비와 높이를 주고 색을 입히면 요소에 크기가 정해져서 텍스트가 움직일 수 있는 반경이 제한된다. 텍스트가 움직이지 않는게 아니라 자식 엘리먼트 크기 안에서 배치가 되는 것이다. 2. 자식엘리먼트를 이동시키기 위해서는 2가지 방법이 있다. (1). 자식 엘리먼트인 div를 display:inline-block; 으로 하면 된다. 그러나 문제가 될 수 있는 점 발생. => 자식 엘리먼트가 di..

* display 속성 정리 * 태그 Class명이 여러개인 경우 CSS에는 .클래스명.클래스명으로 붙여서 사용해야 한다. (자식이 아니므로 꺽새 X, 띄어서 .클래스명 X) * display:inline-block -> 너비를 최소화 -> 너비를 주지 않으면 최소화해서 보이지 않는다. 글자를 입력하면 최소한으로 줄어서 글자에 맞게 background-color가 먹는다. * nav 태그 정의 및 특징 : 링크를 감쌀 때 사용하며, 메뉴, 목차 등을 사용할 때 감싼다. * display:flex, display:inline-block TEST 결과 ! 1. 부모한테 display:flex를 주고 부모한테 flex 지시를 해야 자식들이 요소로써 지시에 따라 움직인다. 반응한다. -> 자기자신한테 flex를..

1. new - other - dynamic 검색 : Dynamic Web Project 선택 -> next -> project name : blog -> target runtime(runtime: 실행환경) : tomcat을 등록해주어야 한다. -> new runtime click! -> Apache Tomcat v9.0 -> next -> Tomcat installation directory : Browse 클릭해서 설치한 톰캣의 폴더를 선택해준다! -> 하단의 JRE : 를 jdk로 변경 ! -> finish! -> Dynamic web module version그대로, 나머지도 그대로! -> next -> next(src) -> contect root 화면에서 finish! -> 'Open Per..

사용자/크롬/클라이언트 요청 -> 웹서버 -> 본인/컴퓨터 검색/요청 -> 웹서버 -> 사용자/크롬/클라이언트에 전달 웹서버 : 우리의 프로그램을 원격으로 사용할 수 있도록 설치하는 것. 서블릿 컨테이너 : 톰켓같은 was가 java파일을 컴파일해서 Class로 만들고 메모리에 올려 servlet객체를 만든다. ★우리가 사용할 [ 서블릿 컨테이너 ] -> [ 톰캣 ] : '톰캣'을 사용하면 네트워크 기능을 무료로, 쉽게 사용할 수 있다. ★[ 톰캣 설치 ] 1. http://tomcat.apache.org tomcat site 접속 2. download -> Tomcat 9 click -> Core : 64-bit Windows zip(pgp, sha512) click -> 다운로드 후 압축풀기 -> a..

* static : 객체 선언하지 않고 바로 사용할 수 있는. * Class.forName(driverName); --> 이 코드는 add(catch)로 코드를 추가해야 한다. [ 이클립스 클래스 분리(분할/파일 별도 관리) ] * 별도의 클래스 파일을 생성할 클래스 위에 커서를 올려놓고 해야 한다. alt + shift + t -> move type to new file click! OR 우클릭 -> refactor -> move type to new file click ! [ MVC 게시판, SQL(DB)연동 구현 참고 사항 ] * DB, table class, 관련 변수 모두 날려버리심. * 이클립스 //TODO list : // TOTO : {임의 입력사항 : 구현해야 함} -> window ->..

window -> cmd -> c:\xampp\mysql\bin\mysql.exe -u root -p -> enter Welcome ~~~~ 이 나오지 않으면 아무리 eclipse를 실행해도 연결되지 않은 거라 eclipse와 SQL을 사용할 수가 없다. ★ MariaDB 연결 여부를 확인하기 위한 용도(exception .. 에러를 굳이 확인하지 않아도 연결 여부 확인 방법) 1. class DbConnection 을 만들고 SQL와 연결하는 메서드, 코드를 작성한 후 꼭 해당 메서드를 호출해야 연결이 된다. 연결하는 코드를 작성해놓고 해당 메서드를 호출하지 않으면 절대 SQL과 연결되지 않는다. 2. DriverManager.getConnection(url, user, password); Driver..

https://mvnrepository.com/artifact/mysql/mysql-connector-java mysql-connector-java, 메이븐 리포지터리 ↑ 최신버전(8.0.20) 클릭 jar 파일 다운로드 [ eclipse 와 SQLyog 연결 순서 ] --> eclipse 와 연결해주기 위해서는 eclipse에 연결 경로로 지정한 DATABASE를 mySQL에서 꼭 CREATE DATABASE [DB명]; 으로 생성해주어야 연결이 된다. GRANT ALL PRIVILEGES ON *.* TO 'sbsst'@'%' IDENTIFIED BY '****'; GRANT ALL PRIVILEGES ON *.* TO 'sbsst'@'localhost' IDENTIFIED BY '****'; [NO..

서버는 창고 번호가 있다. (대략 6만개 정도가 있다) window -> cmd -> ipconfig (본인 ip주소를 확인할 수 있다) -> 이더넷 어뎁터 이더넷 ip 주소 확인 가능 -> SQLyog는 3306이라는 1개의 포트를 사용한다. -> - 웹 브라우저는 웹서버를 알고 있다. : ㅇ -http://localhost:8023 - 웹 서버는 웹 브라우저를 알고 있다. : X -> 나는 롯데리아를 알고 있어서 찾아가지만 롯데리아는 나를 모른다. 나는 수백만 손님 중에 한명일 뿐이다. - 웹 서버는 PHP를 알고 있다. : ㅇ - PHP는 웹 서버를 알고 있다. : X * PHP 출력 -> echo - PHP는 DB가 존재하는지 알고 있다. : ㅇ (그래서 연결이 가능하다) - DB는 PHP를 알고..

[ VISUAL STUDIO CODE ] https://code.visualstudio.com/ == 설치 참고 사항 == ㅇ 설치시 추가작업선택 화면에 있는 체크박스 전부 체크 [ XAMPP ] https://www.apachefriends.org/index.html == 설치 참고 사항 == 설치시 아래 설치항목 제외하고 전부 체크 해제 APACHE PHP MySQL xampp 설치 후 db setting config 버튼 => my.ini [mysqld]하단에 lower_case_table_names = 2 추가 utf8 주석해제(제목은 그대로두고 아래 # 모두 제거) xampp 설치 후 apache 세팅 config 버튼 => httpd.conf 변경전 : AllowOverride none Req..

터미널 인터페이스 라이브러리 데이터베이스 웹 스시템 데이터베이스 os : 운영체제 (Operating System) SQL이란? 사람과 사람이 대화하기 위해서는 언어가 필요합니다. DBMS에게 명령을 내릴 때도 특별한 명령이 필요합니다. 이 명령을 SQL이라고 합니다. 핵심개념 - create database - grant - flush privileges - select SQL (Structured Query Language) - SQL은 데이터를 보다 쉽게 검색하고 추가, 삭제, 수정 같은 조작을 할 수 있도록 고안된 컴퓨터 언어이다. - 관계형 데이터베이스에서 데이터를 조작하고 쿼리하는 표준 수단이다. 참고: http://www.ciokorea.com/print/35385 --> 역사를 접할 수 있..

절대 경로 : https:// ~~~ 와 같이 절대로 변경될 수 없는 경로. 상대 경로 : 본인의 위치를 기준으로 경로를 지정하는. [ test 결과 ] ../ 상위 폴더의 데이터(test file 형식 :. css)를 잘 불러왔음(연결 완료) 이런 식으로 html과 css를 연결했음. css를 필요로 하는 다른 파일들도 상위로 2번 이동하는 동일한 경로에 css를 만들어서 혼용함... 일단 내가 의도했던 위치가 아녔어서 운이 좋지 않았으면 또 멘붕이 왔을 것임. css를 활용하기 위해 html의 좋은 위치?선정이 필요할 것 같음. 구글링 결과 ./ 하위 폴더 이동이라고 검색되었으나 나는... 적용되지 않음..... ㅠㅠ..... 대체 왜... 그리고 다른 폴더에 저장되어 있는 html을 사용하기 위하여..