티스토리

🐢콩부🐢

검색하기

블로그 홈

🐢콩부🐢

codeong.tistory.com/m

힘 세지는 알약💊💊💊

구독자: 3

방명록 방문하기

주요 글 목록

[Git] 깃허브 특정 파일 커밋 이력 제거하는 방법 - 팀 프로젝트 작업 중에 ignore 한 경우 깃을 사용하여 팀 프로젝트 작업 중에 중간에 ignore을 한 경우 이후에 삭제되면 끝이 절대 아니다. 예를 들어, IP 주소, API KEY를 비롯한 민감한 정보를 커밋한 상황이 있을 때, 이후에 지운다고 해서 깃허브에 현재 올라가 있는 파일에서 확인할 수 없다고 하더라도 다가 아니다.. 깃허브는 버전 관리를 도우므로, history에서 해당 파일의 커밋 이력을 확인할 수 있다. repository를 새로 만들어 시작하는 것도 하나의 방법이지만, 그렇게 되면 이전 커밋 이력을 다 날리게 된다.😢 history에서 특정 파일의 커밋 이력을 제거하는 방법이 있다. 1. 깃 필터를 통한 캐시 제거 git filter-branch --force --index-filter "git rm --cached --ig.. 공감수 0 댓글수 0 2022. 12. 20.
[결제 API] 아이엠 포트 결제 시스템 - 아이엠 포트 아이엠 포트 API를 이용하여 결제 기능을 간단히 구현할 수 있다. 사이트가 재구성되며 이용하는 방법이 꽤나 복잡해졌는데, 다음을 참고하면 된다! 다음 방법은 아이엠 포트를 사용하여 KG 이니시스를 연동하는 방법이다. - 사이트 https://www.iamport.kr/ - 변경된 사용 방법(KG 이니시스) https://chai-iamport.gitbook.io/iamport/pg/payment-gateway/inicis - 테스트 연동 관리 테스트연동_import.png 참고 - 프로그램 사진의 주석을 참고하여 원하는 값을 입력한다. init 에 사용되는 imp키에는 개인에게 할당되는 인증키를 입력하는 란으로, 깃에 올리지 않도록 주의해야 한다. 2) 옵션 pg : htm.. 공감수 0 댓글수 0 2022. 11. 29.
게시판 1. 게시판에 들어갈 정보를 담은 DTO 크래스 생성 public class BoardDTO { private long num; private String subject; private String name; private String content; private String pwd; private String ipAddr; private String reg_date; private int hintCount; } DTO 클래스를 생성하고 해당 클래스에 getter()/setter()을 생성한다. DTO 클래스에 들어가는 데이터로는 테이블을 참고하면 되는데, 오라클에서 처리할 수 있는 것은 안 가져올 수도 있고 연산에 따라 추가되는 것도 있다. 2. HttpServlet을 상속 받은 클래스를 생성한다. .. 공감수 0 댓글수 0 2022. 10. 5.
[JSP] JSTL JSTL 사용자 정의 커스텀 태그 중에 자주 사용하는 것을 표준으로 만들어 놓은 것 JSP의 공통적 핵심 기능을 캡슐화한 태그 모음 taglib 지시어 사용자 정의 태그나 JSTL 사용을 위한 태그 라이브러리 지정 Core tags 변수 지원, 흐름제어,URL 처리 가장 많이 사용하는 구문! Formatting tags 지역, 메시지 형식, 숫자 및 날짜 형식 등 SQL tags Oracle, mysql와 같은 RDMS와 상호 작용하기 위한 태그 XML tags XML 코어, 흐름 제어, XML 변환 등 JSTL function 컬렉션 처리, String 처리 등 공감수 0 댓글수 0 2022. 10. 5.
[JSP] 표현언어 EL - EL 연산자/EL 내장객체 EL(Expression Language)이란? 스크립트 요소의 사용 없이 JSP 페이지에 값을 표현할 수 있는 태그 기반의 스크립트 언어 page, request, session, applicant에 binding 된 attribute나 그 attribute의 property 값 출력 ${expression} 중괄호에 있는 표현식은 런타임에도 평가되고 출력 스트림으로 전달된다. 구문 분석할 때 바로 expression 계산 EL은 null 값이면 출력되지 않으므로 주의해야 한다. (대소문자가 틀렸을 경우, 오류 메시지도 안 뜬다.) dto를 EL 객체로 사용하려면 실제 존재하는 필드명과 동일하지 않는 경우 터진다. #{expression} 실제로 사용될 때 expression 계산함 사용되는 경우가 없.. 공감수 1 댓글수 1 2022. 10. 4.
[WBS] wbs 일정 관리 프로그램 📅 - 오라클 연관된 자식을 모두 삭제하는 방법 ON DELETE CASCADE 상위 작업을 삭제하면 하위 분류도 삭제되어야 한다. 자식 테이블부터 차례로 삭제해야 하는 번거로움이 있다. 자식만을 생각하는 것이 아닌 자식의 자식.. 자식의 자식의 자식.. 등등 모든 연관된 것을 하위 계층부터 순차적으로 지워야 한다. ➜ 자동으로 자식 테이블을 모두 지울 수 있는 제약조건 추가 SQL을 배울 때 쉽게 접할 수 있는 간단한 제약조건이다. 실제로 이런식으로 쓰이는 용도를 알 수 있었다. 🤔 공감수 0 댓글수 0 2022. 9. 29.
[WBS] wbs 일정 관리 프로그램 📅 - ERD 프로젝트, 대분류, 중분류, 소분류 🌳각 분류는 4단계의 트리 구조🌳 공감수 0 댓글수 0 2022. 9. 29.
[JSP] 파라미터를 넘겨 받는 방법 - getParameter()/getParameterValues()/getParameterMap getParameter() 과 getParameterValues를 주로 사용한다. getParameterMap() 리턴 타입이 Map이다. 클라이언트(웹브라우저) 에서 서버로 파라미터 넘기기 1. GET 방식 [방법1] a 태그 이용 내용 [방법2] 버튼으로 전송 보내기 [방법3] 자바스크립트 이용 보내기 [방법4] form 태그 이용 - GET에서는 거의 사용 안함 form은 일반적으로 post 방식에서 사용 보내기 POST 방식 [방법1] form 태그 이용 , , , submit 기능이 있는 submit 버튼을 사용하는 경우 : submit 버튼은 form 태그 안에 있어야 동작한다. (1) 유효성 검사를 하지 않는 경우 등록하기 (2) 유효성 검사를 하는 경우 보내기 (3) , , 등 submit.. 공감수 1 댓글수 0 2022. 9. 28.
GET과 POST 차이점 GET과 POST의 가장 큰 차이점은 멱등이다. 수학적으로 멱등이란 ? 연산을 여러 번 적용하더라도 결과가 달라지지 않는 것을 의미한다. " GET은 멱등이 있어서 캐시가 된다. " 검색을 할 때 주로 GET 방식을 이용한다. GET 방식을 통해 동일한 검색을 수행한다면, GET 방식은 서버에 가지 않는다. GET 방식은 동일한 정보를 가지고 서버에 접속하면 서버에 캐시가 되어 있다. 정보를 이미 읽어온 상태이므로 동일한 데이터를 검색한다는 것은 동일한 결과가 나올 수 있다. 이 방법은 서버 부하를 줄일 수 있다. GET 방식의 가장 중요한 것은 멱등으로 인해 캐시가 된다. 캐시된 정보를 뿌려준다. 등록을 할 때 GET 방식을 사용하면 문제가 된다. 저장이 안 되는 문제가 발생할 수 있다. 따라서 GET.. 공감수 0 댓글수 0 2022. 9. 28.
[JSP] 04. Request Parameter - GET/POST 인코딩과 디코딩 네트워크로 송수신할 수 있도록 보내는 것은 인코딩 반대는 디코딩 영문자 숫자는 안 해도 상관 없지만, 한글/일본어/중국어/아랍어 등은 필요하다. method = "post"인 경우 기본적으로 문자열을 주소 형식으로 인코딩해서 정보를 보낸다. 주소 형식은 공백은 +로, 영숫자가 아닌 문자는 %HH로 인코딩 된다. 파라미터 GET 방식 기본 파라미터 전송 방식 기본적으로 클라이언트가 서버에 접속하면 파라미터 전송 방식은 GET 방식이다. - Query String : GET 방식으로 전송되는 파라미터 - 주소줄에 파라미터를 실어서 보낸다. - 웹 서버에 파라미터를 전송할 때 알맞은 캐릭터 셋을 이용해서 파라미터 값을 인코딩한다. - 클라이언트가 서버한테 데이터를 보내는 것을 파라미터라고 한다.. 공감수 0 댓글수 0 2022. 9. 27.
[JSP] 03. JSP 기본문법 - 지시어/스크립팅/표현식 JSP 기본 문법 자바, 자바스크립트, css, html이 모두 들어간다. 중간 중간에 JSP 코드가 들어간다. WAS가 있어야 실행할 수 있다. JSP는 HTML 내에 JSP 문법의 코드를 삽입하여 동적인 웹 컨텐츠를 작성하는 언어로, 서블릿 컨테이너에 의해 실행되어 실행된 결과를 (HTML)를 웹 브라우저에 전송한다. JSP 실행 과정 JSP Life Cycle JSP 구성 요소 디렉티브(directive, 지시어) 스크립트(Script) 내장객체(Implicit Object) 액션태그(Action Tag) 표현 언어(Expression Language) 사용자 정의 태그(JSTL) 1. 디렉티브(directive, 지시어) page : JSP 페이지에 대한 설정 정보를 지정함 taglib: JSP .. 공감수 0 댓글수 0 2022. 9. 27.
[JSP] 02. 서블릿(Servlet) 개요 서블릿 (Servlet) ᆞ서블릿은 메인이 없지만, 서블릿 컨테이너에 의해 실행되고 관리된다. 서블릿 컨테이너로 톰캣을 사용 중 ᆞ서블릿의 단점은 java 코드 안에 html 코드가 들어있어 효율성이 떨어진다는 것이다. 따라서 디자인 작업은 서블릿으로 하지 않는다. ᆞ제네릭 서블릿을 상속 받아서 만드는 것이 아닌 HTTP 서블릿을 상속 받는 것이 훨씬 코딩하기 쉬우므로 HTPP 서블릿을 상속 받는다. ᆞ서블릿 컨테이너는 클라이언트가 요청하면 요청된 기능을 받고 사용자에게 결과를 제공해준다. ᆞ객체 생성부터 소멸까지 라이프 사이클을 관리한다. ᆞ다중 스레드를 지원한다. 서블릿의 life cycle init() ᆞ클라이언트가 몇 명이 들어오던지 어떠한 경우에라도 최초로 한번 수행된다. ᆞ결과적으로는 두 번 .. 공감수 3 댓글수 0 2022. 9. 27.
[JavaScript] 09. DOM // id 로 접근 let name = document.getElementById("name").value; //name으로 접근 let age = document.getElementsByName("age")[0].value; //tag로 접근 let birth = document.getElementsByTagName("input")[2].value; let chk = document.querySelector("input[type=checkbox]").checked; //let chk = docment.querySelectorAll("input[type=checkbox]")[0].value; //class 속성으로 접근 let tel = document.getElementsByClassName("telC.. 공감수 0 댓글수 0 2022. 9. 26.
[JavaScript] 09. DOM 문서 객체 모델 (Document Object Mode) 웹 페이지 콘텐츠를 조작하는 메소드와 인터페이스를 제공 XML을 HTML에서 사용할 수 있도록 확장된 애플리케이션 노드 트리의 가장 상위에는 단 하나의 루트 노드 루트 노드를 제외한 모든 노드는 단 하나의 부모 노드를 갖음 모든 요소 노드는 자식 노드를 가질 수 있음 공감수 0 댓글수 0 2022. 9. 26.
[JavaScript] 08. 정규식 정규식 유효성 검사를 할 때 가장 많이 사용되는 것 사용 방법을 알고 있으면 어렵지 않게 사용 가능 경우에 따라서는 정규식이 아닌 방법을 사용해야 하는 일이 있을 수 있음 정규식 생성 방법 RegExp 객체 생성 생성자 방식 var 변수 = new RegExp(pattern[, flags]); 일반적으로 RegExp를 통한 방법보다는 "정규식 리터널"을 이용함 파라미터에서 따옴표를 사용하거나 슬래쉬를 사용해야한다. 첫 번째 인자는 패턴 두 번째 인자는 플래그 flags g: 일치하는 첫 번째 문자에서 그치지 않고 전체에서 일치하는 모든 문자를 검색 i : 대소문자를 같은 문자로 취급하고 싶다면 사용 리터럴 방식 var p = /ab+c/i; / /사이에 정규식을 입력하고, 홑따옴표나 쌍따옴표를 사용할 수.. 공감수 3 댓글수 0 2022. 9. 26.
[JavaScript] 07. form 객체 forms 요소 document.forms 객체 HTMLCollction 객체로 요소는 폼의 이름이나 인덱스를 이용하여 접근한다. 객체를 이용하여 요소에 객체 이라고 하는 것은 유사 배열이라고 생각하면 편하다. form 주요 속성 및 메소드 주요 속성 설명 elemennts FORM 요소에 담긴 모든 form 컨트롤(control) 배열을 반환한다. length FORM 요소의 컨트롤 수를 반환한다. name 현재 FORM 요소 이름을 문자열로 반환한다. action FORM 요소의 action을 설정하거나 반환 받는다. enctype FORM 요소의 contentType을 설정하거나 반환 받는다. encoding 속성과 동일하다. method FORM 요소의 HTTP method를 설정하거나 반환 받는.. 공감수 0 댓글수 0 2022. 9. 23.
[JavaScript] 06. 이벤트 - MouseEvent Ctrl을 누른 상태에서 클릭을 누르면 alert가 발생하도록 하는 예제 공감수 0 댓글수 0 2022. 9. 23.
[JavaScript] 06. 이벤트 - KeyboardEvent KeyboardEvent 인터페이스 KeyboardEvent 인터페이스는 키보드와 사용자가 상호 작용하여 발생하는 이벤트를 나타낸다. -ASCII 키 : a~z, A~Z, 0~9, 엔터 등 발생하는 이벤트: keydown - keypress - keyup keydown, keyup: a키 또는 A 키를 누르면 keyCode는 모두 65 keypress : a 키는 97, A는 65 keydown, keyup 이벤트는 keyCode 속성으로 대문자를 구분할 수 없음 keypress는 실제 눌러진 키코드를 반환 - F1~F12, Alt, Ctrl, Shift 등 특수키 발생하는 이벤트 : keydown~keyup 주요 속성 설명 altKey code 키 이벤트가 트리거 되었을 때"ALT"키를 눌렀는지 여부를.. 공감수 0 댓글수 1 2022. 9. 22.
[JavaScript] 06. 이벤트 이벤트는 현 단계부터 아버지 쪽으로 전파가 이루어진다. stopPropagation() 을 사용하면 상위로의 이벤트는 전파되지 않는다. 공감수 0 댓글수 0 2022. 9. 22.
[JavaScript] 06.이벤트 이벤트 HTML 이벤트는 HTML 요소에서 발생할 수 있는 상황 브라우저는 이벤트를 감지할 수 있으며 이벤트 발생 시 통지 ex) HTML 웹 페이지 로딩이 끝났을 때, HTML 입력 필드가 변경될 때, HTML 버튼이 클릭됐을 때 on까지만 쓰고 단축키를 눌렀을 때 나오는 것이 대부분 이벤트이다. 이벤트 드리븐(event-driven) 방식 웹 페이지에 작용되는 자바 스크립트는 발생한 이벤트에 반응하여 특정 동작을 수행 모든 application이 이벤트 방식으로 동작하는 것으로, 이벤트가 발생할 때 미리 지정해둔 작업을 수행하는 것 이벤트가 발생할 때 미리 지정해둔 작업을 수행하는 것 주요 이벤트 객체 이벤트를 받고 그 이벤트 listenr를 가질 수 있는 객체에 의해 구현된 인터페이스 EventTa.. 공감수 0 댓글수 0 2022. 9. 22.
[JavaScript] 브라우저 객체 모델(BOM) - 공감수 0 댓글수 0 2022. 9. 22.
[JavaScript] 05. 브라우저 객체 모델(BOM) - location 객체/navigator 객체 location 객체 브라우저 주소를 얻거나 다른 주소로 이동할 때 사용한다. location 객체 주요 속성 location 객체 주요 메소드 html 코드에 onclick에 함수를 넣어 사용하는 방식 네이버 location.href 뒤로 가기 가능 뒤로가기 사용 여부에 상관 없는 경우에 사용할 수 있다. function sub(){ location.href ="https://www.naver.com" } location.replace 뒤로 가기 불가능!! 결제 시스템 등 일을 수행한 후 뒤로가기를 하면 안 되는 경우 사용할 수 있다. function sub2(){ location.replace("https://google.com") } html 태그의 onclick에 location.href 을 넣어.. 공감수 0 댓글수 0 2022. 9. 22.
[JavaScript] 05. 브라우저 객체 모델(BOM) -개요/Window 객체/Document 객체 브라우저 객체 모델(Browser Object Model) 브라우저와 상호작용하는 메소드와 인터페이스를 제공 웹 브라우저와 관련된 객체의 집합 window, location, navigator, history, screen, document 브라우저 및 HTML 내용과 관련된 객체 브라우저 객체 모델(Browser Object Model, BOM) window 객체 window-팝업 사용 권장 X 팝업창 열고 닫는 html 코드 태그를 활용하여 팝업창 역할을 하는 코드를 만들 수 있다. (script 작업이 꽤나 어렵다ㅠㅠ) window - 팝업 팝업열기 팝업닫기 document 객체 html 태그 안의 body 영역 window 객체의 document 속성은 불러온 웹 페이지를 나타는 document .. 공감수 0 댓글수 0 2022. 9. 22.
[JavaScript] 내장 객체 - Array 자바스크립트 내장 객체에는 웹 문서의 계층 구조와 상관 없이 나타낼 수 있는 객체가 있다. Array 객체와 Date 객체가 대표적이다. Array 객체 일련의 값들을 저장할 수 있는 배열을 생성할 때 사용하는 리스트 형태의 고수준 객체 배열의 각 요소는 배열의 이름과 인덱스로 접근하여 사용 타입이 고정적 ❌ 같은 배열에 있는 원소의 타입이 서로 다를 수 있음 크기가 동적 배열을 생성하거나 크기가 변경되어도 크기를 다시 변경할 필요 없음 Array 객체 인스턴스 만들기 Array() 생성자를 이용한 배열 생성 var b1 = new Array(); var b2 = new Array(5); //크기가 5인 배열. 모든 요소는 undefined 값을 가짐 var b3 = new Array(3, 5); // .. 공감수 1 댓글수 1 2022. 9. 22.
[JavaScript] JSON 예를 들어 댓글을 표시하려면 데이터를 파싱해서 자바스크립트로 화면을 만들어줌 .. 실질적으로 가장 많이 사용하는 구조 클라이언트에서 서버, 서버와 서버 등 다양한 곳에서 사용됨 key : 값 자바스크립트의 객체와 구조가 유사함 자바스크립트의 객체를 Json 문자여로 변경하고 싶다면 stringfy() 를 사용함 암기해야 함!! 엄청 중요 !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! 채팅 구현, 여러 프로그램 작성에 필요한 함수이니 꼭 기억해둘 것 // 자바 스크립트 객체를 JSON 형식의 문자열로 반환 var s = JSON.stringify(obj); console.log(s); s = '{"subjct":"자바", "score":"80"}'; // JSON 문자열 // JSON 문자열을.. 공감수 0 댓글수 0 2022. 9. 22.
[JavaScript] 04. 내장객체 추가해야됨.. 표준 내장 객체 웹 문서의 계층 구조와 상관없이 나타낼 수 있는 객체 자주 사용되는 표준 객체 : Number 객체, Math 객체, Date 객체, String 객체, Array 객체 등 주요 표준 객체 분류 값 속성 설명 Infinity 무한대를 나타내는 숫자 NaN Not-A-Number Number.isNaN() 또는 inNaN()을 사용 undefined undefined 원시 값 null 리터널 의도적으로 비어있음을 표현 globalThis this를 가진 전역 객체 반환 공감수 0 댓글수 0 2022. 9. 22.
[JavaScript] 03.객체 - 객체 생성/클래스 객체란? 자바 스크립트는 모든 것이 객체라는 말이 있을 정도로 자바 스크립트에서 객체는 중요한 개념. 자바 스크립트는 클래스 기반이 아닌 프로토타입(prototype)을 기반으로 하는 객체 기반 언어 언제나 객체를 추가하거나 삭제하는 것이 가능하다. (자바에서는 불가능) 프로토타입(prototype) 새롤운 객체의 초기 속성을 가져 오는 템플릿으로 사용되는 객체 객체 원형인 프로토타입을 이용하여 새로운 객체를 만들며, 생성되니 객체는 또 다른 객체의 원형이 될 수 있음 __proto__ : 상위에서 물려 받은 객체의 프로토 타입에 대한 정보 prototype : 자신의 프로토타입의 객체, 하위롤 물려줄 프로토타입의 정보 자바 스크립트에서 사용하는 객체 ✔ 문서 객체 모델(DOM) 웹 문서와 그 안에 삽입.. 공감수 0 댓글수 0 2022. 9. 22.
[JavaScript] 예외처리 let n = 5; s = 0; try { if (n < 10) { throw '10 이상만 가능'; //예외 발생시킴 } for (let a = 1; a 공감수 1 댓글수 1 2022. 9. 22.
[JavaScript] 함수 호이스팅 호이스팅 이란? 자바스크립트에서 변수를 사용할 떄 조심해야 할 개념🤔 변수의 선언과 할당을 분리해서 서언 부분을 스코프의 가장 위쪽으로 끌어오는 식으로 해석 undefined 는 변수가 선언되었지만 아직 값이 할당되지 않은 상태일 떄의 자료형을 의미한다. 함수 호이스팅 함수 선언문에서의 호이스팅 console.log(sub1(10, 5)); function sub1(a, b) { return a + b; } 실행 결과: 15 함수 표현식에서의 함수 호이스팅 console.log(sub2(10,5)); var sub2 = function(a, b) { return a + b; }; 실행 결과: Uncaught TypeError: sub2 is not a function 함수 표현식에서의 함수 호이스팅은 불.. 공감수 0 댓글수 0 2022. 9. 21.
[JavaScript] 02. 기본 문법 - 함수 : 함수선언문/함수표현식/기명함수(익명함수)/즉시실행함수/화살표 함수 함수란? 자바스크립트에서 프로그램은 단순히 하나의 명령만으로 끝나는 것이 아닌, 여러 명령이 연결되어 동작을 처리해야 함 처리해야 하는 동작을 묶어 놓은 것을 함수라고 함 함수를 사용하면 처리하고자 하는 동작의 시작과 끝을 명확히 구분할 수 있다는 장점이 있음 함수 표현식 일반적으로 함수명을 사용하고 그 이름을 사용해 호출한다. 이 밖에도 따로 함수 이름을 지정하지 않고 사용하거나 함수를 호출하지 않고 바로 따로 실행하는 방법도 있다. 함수 정의 함수를 정의할 때는 function 예약어를 사용한다. 기본 형태 function 함수의 이름 (매개변수){ return 반환 값 } 함수 선언문 방식 function sub1(x, y) { let s = x + y; return s; } 함수 표현식에서 지정한.. 공감수 0 댓글수 0 2022. 9. 21.

문의안내

티스토리
로그인
고객센터

티스토리는 카카오에서 사랑을 담아 만듭니다.