전체 글 47

Ajax란, 비동기 통신과 동기 통신 차이

AJAX 란 Ajax(Asynchronous JavaScript and Xml) 자바스크립트의 라이브러리 중 하나이며, 브라우저가 가지고 있는 XMLHttpRequest 객체를 이용하여 전체 페이지를 새로 고치지 않고 페이지의 일부만을 로드하는 기법 이를 정리하자면, 자바스크립트를 사용한 비동기 통신이며, 클라이언트와 서버간에 XML 데이터를 주고받는 기술 비동기 방식은 웹페이지를 리로드 하지 않고 데이터를 불러옵니다. Ajax 를 통해 서버에 요청을 하더라도 멈춰있지 않고 해당 프로그램은 계속 돌아가고 있음 이러한 비동기 방식은 시간도 빠르고, 화면을 리로드 하는 경우 전체 리소스를 다 가져올 필요없이 일부 필요한 부분만 가져오기 때문에 장점 Ajax 예제 $.ajax({ // URL은 필수 요소이므로..

JavaScript 2023.04.11

JSON 이란

JSON 이란 출처 입력 JavaScript Object Natation 이라는 의미의 축약어로 데이터를 저장하거나 전송할 때 많이 사용되는 경량의 DATA 교환 형식 Javascript에서 객체를 만들 때 사용하는 표현식을 의미한다. JSON 표현식은 사람과 기계 모두 이해하기 쉬우며 용량이 작아서, 최근에는 JSON이 XML을 대체해서 데이터 전송 등에 많이 사용 JSON은 데이터 포맷일 뿐이며 어떠한 통신 방법도, 프로그래밍 문법도 아닌 단순히 데이터를 표시하는 표현 방법일 뿐이다. JSON 특징 출처 입력 서버와 클라이언트 간의 교류에서 일반적으로 많이 사용된다. 자바스크립트 객체 표기법과 아주 유사하다. 자바스크립트를 이용하여 JSON 형식의 문서를 쉽게 자바스크립트 객체로 변환할 수 있는 이점..

JavaScript 2023.04.11

Starting Tomcat Server at localhost 오류

Starting Tomcat v8.5 Server at localhost has encountered a problem 오류 해결방법 Tomcat v8.5 Server at localhost 더블클릭 해당 창이 나오게 되는데 빨간색으로 체크한 부분의 Port Number을 변경시켜 준다 나는 기존에 8080으로 되어있는거를 8085로 변경시켜줬다 이유는 없다 ' 창을 닫으려고 하면 해당 창이 나오는데 Save 클릭 프로젝트 다시 실행 Restart server ~! 끝

JAVA 2023.04.11

엑셀 파일 db 넘기기

어쩔 수 없이 한글 파일을 엑셀로 작업 해놔야 하는 상황에 1. 먼저, 데이터를 엑셀로 정리 맨 첫줄에 db컬럼명과 동일하게 하는것이 편하다 그 아래는 데이터들 존재하지 않는 이미지입니다. 사진 삭제 사진 설명을 입력하세요. 사진 설명을 입력하세요. 2. MySQL-Front 열기 HeidiSQL은 엑셀 작업을 지원하지 않는다 존재하지 않는 이미지입니다. 사진 삭제 사진 설명을 입력하세요. 사진 설명을 입력하세요. 3. 세션 연결 해주던가, 연결된 세션을 열어주던가 존재하지 않는 이미지입니다. 사진 삭제 사진 설명을 입력하세요. 사진 설명을 입력하세요. 4. 가져오기 -> Microsoft Excel File... 엑셀 파일 업로드 해주기 존재하지 않는 이미지입니다. 사진 삭제 사진 설명을 입력하세요. ..

ETC 2023.04.11

[api]네아로 서비스 사용

서비스 등록 ​ 1. 애플리케이션 등록 후 이름, 카테고리 선택 사용 API는 - 네아로 선택 ※사용 API는 사용 할 것만 체크 체크 한 것은 사용하는 페이지도 캡쳐를 해야만 검수가 완료된다 ​ ex) 존재하지 않는 이미지입니다. 사진 삭제 사진 설명을 입력하세요. ​ 2. 환경추가 PC웹 URL (http:// 부터 입력) 도메인은 하나만 등록이 가능,, 존재하지 않는 이미지입니다. 사진 삭제 사진 설명을 입력하세요. ​ ​ 3. Callback URL 등록 네이버 소스는 naverLogin.php와 naverJoin.php 두개가 존재하므로 둘다 등록 ​ 존재하지 않는 이미지입니다. 사진 삭제 사진 설명을 입력하세요. ​ 중간에 오류나면 오류 페이지에서 개발자모드를 킨 후 console 창에 new..

ETC 2023.04.11

[리눅스] 명령어 정리

자주 사용할 일이 없긴 한데, 사용할 때 주로 썻던 명령어들 위주로 작업환경은 putty 입니다. 폴더복사 ls : 디렉토리, 파일 목록보기 cd [디렉토리명] : 해당 디렉토리로 이동 pwd : 현재 디렉토리의 위치 보여주기 ​ ​ cp -r [디렉토리1] [디렉토리2] : 디렉토리1에 있는 것을 디렉토리2로 복사 / 디렉토리2가 존재하지 않으면 디렉토리2를 만들어줌 cp -rp [디렉토리1] [디렉토리2] : 복사할폴더 이름 / 새로만들 폴더이름 ex) cp -rp data/ copydata ​ ls -al(권한이랑 같이) ​ pwd(현재 위치) su, sudo (root 권한 획득) - 현재 계정을 로그아웃 하지 않고 root 권한 획득하기 su 입력후 root권한 비밀번호 입력 [현재계정@lug ..

ETC 2023.04.11

카카오 주소 api 위도 경도 표시

카카오 주소 api를 사용해서 주소를 입력한 후에 위도 경도를 표시하는 방법 api 소스를 사용했으며, 주소 api에서 지도를 함께 가져와야 위ㆍ경도를 받아올 수 있다. 소스 코드 주소 api는 키를 발급받지 않아도 되지만, 지도가 포함되어 키를 발급받아야 한다. //추가 //추가 부분 참고(html, script) 모두 추가 해줘야 함 결과 카카오 api 가이드 주소 https://postcode.map.daum.net/guide Daum 우편번호 서비스 우편번호 검색과 도로명 주소 입력 기능을 너무 간단하게 적용할 수 있는 방법. Daum 우편번호 서비스를 이용해보세요. 어느 사이트에서나 무료로 제약없이 사용 가능하답니다. postcode.map.daum.net

ETC 2023.04.11

페이스북 페이지 플러그인 오류

> URL 작성하고 렌더링할 탭 등등 작성 후에 하단의 코드받기를 클릭 어느 순간부터 오류로 안뜨게 되는데, 아무리 검색해도 내용이 안나오는데 아랫 글 참고 https://www.nomadism.co.kr/129 페이스북 페이지 플러그인 안될때 운영중인 사이트에 페이스북 페이지 플러그인을 설치했는데 먹통이 되는 현상이 ...먼가 문제가 생긴것일까 고민하고 찾아봤는데 딱히 해결책이 안보임.. https://developers.facebook.com/docs/plugins/page-p www.nomadism.co.kr 페이스북 페이지 플러그인 주소 https://developers.facebook.com/docs/plugins/page-plugin?locale=ko_KR 페이지 플러그인 - 소셜 플러그인 -..

ETC 2023.04.11

[취약점]캐시 제어 응답 헤더 설정

header("Cache-Control: no-cache, no-store"); no-store - 캐시가 그 응답의 사본을 만드는 것을 금지한다. ​ no-cache - 응답은 로컬 캐시 저장소에 저장될 수 있다. - 다만 먼저 서버와 재검사를 하지 않고서는 캐시에서 클라이언트로 제공될 수 없다. https://mygumi.tistory.com/149 캐시 제어 응답 헤더 설정 :: 마이구미 이번 글은 캐시 제어에 관련된 응답 헤더들을 다뤄본다."HTTP 완벽 가이드" 책과 stackoverflow의 관련 글들을 참고하여 작성하였다. Cache-Control: no-cache, no-store, must-revalidate 위와 같은 헤더들을 통해 mygumi.tistory.com

ETC 2023.04.11