목록분류 전체보기 (8134)

투케이2K

1. (spring/스프링) inteli j 사용해 html + spring 개발 환경 구축 및 oracle db 연결 실시

/* =========================== */ [ 개발 환경 설정 ] ​ 개발 툴 : inteli j 개발 언어 : spring /* =========================== */ ​ /* =========================== */ [방법 설명] ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ /* =========================== */ ​ /* =========================== */ [소스 코드] [application.yml >> DB 접속 경로, 서버 포트] spring: devtools: livereload: enabled: true datasource: driver-class-name: oracle.jdbc.OracleDriver url..
Spring 2021. 7. 5. 19:40
87. (javascript/자바스크립트) 동적으로 form 폼 생성해 get, post 데이터 전송 실시

/* =========================== */ [ 개발 환경 설정 ] ​ 개발 툴 : Edit++ 개발 언어 : javascript /* =========================== */ ​ /* =========================== */ [소스 코드] /* =========================== */ ​ /* =========================== */ [결과 출력] ​ /* =========================== */ ​ /* =========================== */ [요약 설명] ​ /* [JS 요약 설명] 1. window.onload : 웹페이지 로드 완료 상태를 나타냅니다 2. createElement : 특정 엘리..
JavaScript 2021. 7. 5. 12:46
86. (javascript/자바스크립트) location href 사용해 특정 페이지 접속 시 url 데이터 전송 및 url 데이터 확인 실시

/* =========================== */ [ 개발 환경 설정 ] ​ 개발 툴 : Edit++ 개발 언어 : javascript /* =========================== */ ​ /* =========================== */ [소스 코드] /* =========================== */ ​ /* =========================== */ [결과 출력] ​ /* =========================== */ ​ /* =========================== */ [요약 설명] ​ /* [JS 요약 설명] 1. window.onload : 웹페이지 로드 완료 상태를 나타냅니다 2. sweetalert : 브라우저에서 커..
JavaScript 2021. 7. 5. 11:53
8. (ajax/에이젝스) jsonp data type 지정해서 데이터 전송 실시 및 object 형식 데이터 확인 실시

/* =========================== */ [ 개발 환경 설정 ] ​ 개발 툴 : Edit++ 개발 언어 : ajax /* =========================== */ ​ /* =========================== */ [소스 코드] /* =========================== */ ​ /* =========================== */ [결과 출력] ​ /* =========================== */ ​ /* =========================== */ [요약 설명] ​ /* [JS 요약 설명] 1. window.onload : 웹페이지 로드 완료 상태를 나타냅니다 2. JSONP : 외부로 들어오는 악성코드들 예방하기..
Http & Api 2021. 7. 5. 10:15
23. (jquery/제이쿼리) attr 사용해 특정 객체 속성 (attribute) 값 확인 및 변경 실시 - a 태그 href 변경

/* =========================== */ [ 개발 환경 설정 ] ​ 개발 툴 : Edit++ 개발 언어 : jquery /* =========================== */ ​ /* =========================== */ [소스 코드] /* =========================== */ ​ /* =========================== */ [결과 출력] ​ ​ /* =========================== */ ​ /* =========================== */ [요약 설명] ​ /* [JS 요약 설명] 1. window.onload : 웹페이지 로드 완료 상태를 나타냅니다 2. $("#객체") : 특정 객체 id 를 설..
Jquery 2021. 7. 5. 09:32
22. (jquery/제이쿼리) focus , blur 사용해 input text 포커스 상태 확인 실시

/* =========================== */ [ 개발 환경 설정 ] ​ 개발 툴 : Edit++ 개발 언어 : jquery /* =========================== */ ​ /* =========================== */ [소스 코드] /* =========================== */ ​ /* =========================== */ [결과 출력] ​ /* =========================== */ ​ /* =========================== */ [요약 설명] ​ /* [JS 요약 설명] 1. window.onload : 웹페이지 로드 완료 상태를 나타냅니다 2. $("#객체") : jquery 에서 특정 객..
Jquery 2021. 7. 5. 09:03
4. (python/파이썬) boolean 자료형 and , or , not 연산 수행 실시

/* =========================== */ [ 개발 환경 설정 ] ​ 개발 툴 : pycharm 개발 언어 : python /* =========================== */ ​ /* =========================== */ [소스코드] # [boolean 자료형 and , or , not 연산 수행 실시] # [요약 설명] # 1. 파이썬에서는 and, or, not 명칭을 사용해 연산을 수행합니다 # 2. and : 모든 값이 True 일 경우 >> 결과 True # 3. or : 특정 값이 True가 하나라도 있을 경우 >> 결과 True # 4. not : True >> False / False >> True 변경 # 5. 파이썬에서는 종료 의미를 나타내는..
Python 2021. 7. 4. 18:05
3. (python/파이썬) + 더하기 연산자 사용해 string 값 결합 및 int 값 더하기 수행

/* =========================== */ [ 개발 환경 설정 ] ​ 개발 툴 : pycharm 개발 언어 : python /* =========================== */ ​ /* =========================== */ [소스코드] # [+ 더하기 연산자 사용해 string 값 결합 및 int 값 더하기 수행] # [요약 설명] # 1. + 연산자를 사용해 string 변수값을 결합할 수 있습니다 # 2. + 연산자를 사용해 int 변수값을 더하기를 할 수 있습니다 # 3. 파이썬에서는 종료 의미를 나타내는 세미콜론 (;) 을 붙이지 않아도 무방합니다 # 4. print : 파이썬에서 결과를 출력할 때 사용합니다 # [class start] # [main s..
Python 2021. 7. 4. 17:49
2. (python/파이썬) string, int, double, char, array 변수 선언 및 출력 - print 사용

/* =========================== */ [ 개발 환경 설정 ] ​ 개발 툴 : pycharm 개발 언어 : python /* =========================== */ ​ /* =========================== */ [소스코드] # [string, int, double, char, array 변수 선언 및 출력 - print 사용] # [요약 설명] # 1. 변수(variable)란 데이터를 담아두는 그릇입니다 # 2. 파이썬에서는 변수를 선언할 때 따로 자료형을 지정하지 않습니다 # 3. 파이썬에서는 종료 의미를 나타내는 세미콜론 (;) 을 붙이지 않아도 무방합니다 # 4. print : 파이썬에서 결과를 출력할 때 사용합니다 # [class start..
Python 2021. 7. 4. 12:31
1. (python/파이썬) 파이썬 설치 및 개발 환경 구축 방법

/* =========================== */ [ 개발 환경 설정 ] ​ 개발 툴 : pycharm 개발 언어 : python /* =========================== */ ​ /* =========================== */ [설치 방법] ​ 1. https://www.python.org/ 공식 사이트에 접속 > 파이썬을 다운 받습니다 Welcome to Python.org The official home of the Python Programming Language www.python.org ​ 2. https://www.jetbrains.com/pycharm/ 파이참 사이트에 접속해서 개발 툴을 다운 받습니다 PyCharm: the Python IDE for ..
Python 2021. 7. 4. 12:06
85. (javascript/자바스크립트) sweet alert 라이브러리 사용해 커스텀 팝업창 표시 실시

/* =========================== */ [ 개발 환경 설정 ] ​ 개발 툴 : Edit++ 개발 언어 : javascript /* =========================== */ ​ /* =========================== */ [소스 코드] /* =========================== */ ​ /* =========================== */ [결과 출력] ​ ​ ​ ​ ​ ​ ​ /* =========================== */ ​ /* =========================== */ [요약 설명] ​ /* [JS 요약 설명] 1. window.onload : 웹페이지 로드 완료 상태를 나타냅니다 2. sweetaler..
JavaScript 2021. 7. 4. 09:41
41. (html/css/javascript/jquery) body overflow , touchmove 사용해 스크롤 (scroll) 막기 및 허용 실시

/* =========================== */ [ 개발 환경 설정 ] ​ 개발 툴 : Edit++ 개발 언어 : html, css, js, jquery /* =========================== */ ​ /* =========================== */ [소스 코드] /* =========================== */ ​ /* =========================== */ [요약 설명] ​ /* [JS 요약 설명] 1. overflow : 스크롤 여부를 결정하는 css 속성입니다 2. bind : 이벤트 처리를 수행하는 메소드입니다 3. 모바일 터치 이벤트 동작 시 start, move 쪽에서 body 스크롤 막고, end 상태일 때 body 스크롤..
FrontEnd 2021. 7. 2. 08:05
84. (javascript/자바스크립트) safari 사파리 호환 - new Date 와 for 문을 사용해 특정 연도, 월, 날짜, 요일 순차적 출력 실시

/* =========================== */ [ 개발 환경 설정 ] ​ 개발 툴 : Edit++ 개발 언어 : javascript /* =========================== */ ​ /* =========================== */ [소스 코드] /* =========================== */ ​ /* =========================== */ [결과 출력] ​ /* =========================== */ ​ /* =========================== */ [요약 설명] ​ /* [JS 요약 설명] 1. window.onload : 웹 브라우저 로딩 완료 상태를 확인합니다 2. new Date getDay : 특..
JavaScript 2021. 7. 1. 16:48
40. (html/css/javascript/jquery) keyboard 키보드 활성 시 ui 밀림 , 줄어듬 현상 방지 및 zoom in 줌 효과 제거 방법

/* =========================== */ [ 개발 환경 설정 ] ​ 개발 툴 : Edit++ 개발 언어 : html, css, js, jquery /* =========================== */ ​ /* =========================== */ [소스 코드] /* =========================== */ ​ /* =========================== */ [결과 출력] ​ /* =========================== */ ​ /* =========================== */ [요약 설명] ​ /* [JS 요약 설명] 1. window.onload : 웹 브라우저 로딩 완료 상태를 확인합니다 2. window.g..
FrontEnd 2021. 7. 1. 16:25
170. (AndroidStudio/android/java) 파이어베이스 콘솔 프로젝트 추가 및 google services json 파일 추가 방법

/* =========================== */ [ 개발 환경 설정 ] ​ 개발 툴 : AndroidStudio 개발 언어 : java /* =========================== */ ​ /* =========================== */ [설 명] ​ 1. 파이어베이스 콘솔 접속 > 프로젝트 추가 실시 ​ ​ ​ ​ ​ 2. 프로젝트에 등록하려는 app 타입 선택 실시 (android / ios) ​ ​ ​ 3. app 패키지명 및 SHA-1 인증서 등록 실시 ​ ​ ​ 4. google services json 파일 다운로드 실시 ​ ​ ​ 5. 안드로이드 스튜디오 실행 및 [Project] > [app] 부분에 복사해서 넣기 실시 /* ================..
Android 2021. 7. 1. 15:53
83. (javascript/자바스크립트) new Date 와 for 문을 사용해 특정 연도, 월, 날짜, 요일 순차적 출력 실시 - 사파리 , 크롬 적용

/* =========================== */ [ 개발 환경 설정 ] ​ 개발 툴 : Edit++ 개발 언어 : javascript /* =========================== */ ​ /* =========================== */ [소스 코드] /* =========================== */ ​ /* =========================== */ [결과 출력] ​ ​ /* =========================== */ ​ /* =========================== */ [요약 설명] ​ /* [JS 요약 설명] 1. window.onload : 웹 브라우저 로딩 완료 상태를 확인합니다 2. new Date getDay :..
JavaScript 2021. 6. 30. 09:14
82. (javascript/자바스크립트) 특정 객체에 포함된 자식 삭제 (제거) 실시 - childElementCount , removeChild

/* =========================== */ [ 개발 환경 설정 ] ​ 개발 툴 : Edit++ 개발 언어 : javascript /* =========================== */ ​ /* =========================== */ [소스 코드] /* =========================== */ ​ /* =========================== */ [결과 출력] ​ [삭제 (전)] ​ [삭제 (후)]​ /* =========================== */ ​ /* =========================== */ [요약 설명] ​ /* [JS 요약 설명] 1. window.onload : 웹 브라우저 로딩 완료 상태를 확인합니다 2..
JavaScript 2021. 6. 30. 08:50
81. (javascript/자바스크립트) 특정 객체 강제 버튼 클릭 이벤트 수행 - document getElementById onclick

/* =========================== */ [ 개발 환경 설정 ] ​ 개발 툴 : Edit++ 개발 언어 : javascript /* =========================== */ ​ /* =========================== */ [소스 코드] /* =========================== */ ​ /* =========================== */ [결과 출력] ​ /* =========================== */ ​ /* =========================== */ [요약 설명] ​ /* [JS 요약 설명] 1. window.onload : 웹 브라우저 로딩 완료 상태를 확인합니다 2. document.getElement..
JavaScript 2021. 6. 30. 08:15
80. (javascript/자바스크립트) 특정 객체 크기, 위치 확인-offsetWidth, clientWidth, scrollWidth, getBoundingClientRect

/* =========================== */ [ 개발 환경 설정 ] ​ 개발 툴 : Edit++ 개발 언어 : javascript /* =========================== */ ​ /* =========================== */ [소스 코드] /* =========================== */ ​ /* =========================== */ [결과 출력] ​ /* =========================== */ ​ /* =========================== */ [요약 설명] ​ /* [JS 요약 설명] 1. window.onload : 웹 브라우저 로딩 완료 상태를 확인합니다 2. offsetWidth : margi..
JavaScript 2021. 6. 30. 08:05
79. (javascript/자바스크립트) canvas 캔버스에 배경 이미지 로드 수행 실시

/* =========================== */ [ 개발 환경 설정 ] ​ 개발 툴 : Edit++ 개발 언어 : javascript /* =========================== */ ​ /* =========================== */ [소스 코드] 이미지 호출 /* =========================== */ ​ /* =========================== */ [결과 출력] ​ /* =========================== */ ​ /* =========================== */ [요약 설명] ​ /* [JS 요약 설명] 1. document.getElementById : 특정 객체 id를 지정합니다 2. canvas.ge..
JavaScript 2021. 6. 29. 09:20
Prev 1 ··· 358 359 360 361 362 363 364 ··· 407 Next