자바칩 푸라푸치노

아파치 서버 conf 에서 설정파일 부분 변경 httpd-ssl_.conf ssl 폴더에 인증서 최신버전으로 갱신 서버 재시작 * 개발서버에서 적용한 최신 인증서 로컬 웹브라우저에서 확인하는 방법 1. 로컬 hosts 파일에서 dev를 www로 바꾸어 놓기 (dev.aacard.co.kr -> www.aacard.co.kr) 2. 개발 홈페이지(www로 접속) àlogin 페이지에서 인증서 확인 3. https://www.ssllabs.com/ssltest/ 로 올바르게 수정되었는지 여부와 등급 확인 (보통 B) 4. (확인 완료 후 로컬 hosts 파일 원상복구) 매뉴얼 참고 https://cert.crosscert.com/wp-content/uploads/2019/02/Apache-SSL-%EC%9D..

SSL 인증서 변경 후 일부 사용자의 크롬 브라우저에서만 접속 안되는 이슈가 발생 해결방법: chrome://flags/#enable-quic 에 접속한다 Experimental QUIC protocol 를 Disabled로 설정한다. Allow SHA-1 server signatures in TLS. 를 Enabled로 설정한다. 그리고 아래에 재설정 버튼을 눌러 저장한다. 그러면 모든 크롬 창이 닫히면서 다시 열림 참고 사이트 https://blog.naver.com/design_top/223228826716

1. 프로토타입이란? https://medium.com/@bluesh55/javascript-prototype-%EC%9D%B4%ED%95%B4%ED%95%98%EA%B8%B0-f8e67c286b67 [Javascript ] 프로토타입 이해하기 자바스크립트는 프로토타입 기반 언어라고 불립니다. 자바스크립트 개발을 하면 빠질 수 없는 것이 프로토타입인데요. 프로토타입이 거의 자바스크립트 그 자체이기때문에 이해하는 것이 어렵 medium.com 2. typescript는 java와 마찬가지로 class를 사용한다. 다만 해당 문법이 존재하는 것이지 클래스 타입으로 변경되었다는 것은 아니다 https://heecheolman.tistory.com/65 [typescript] 타입스크립트 클래스 typescri..

1. Shorthand property names obj의 key와 value가 동일하면 하나로 쓸 수 있다. bad const name = 'daisy'; const age = '20'; const daisy1 = { name: name, age:name }; good const daisy2 = { name, age }; Shorthand property names 2. Destructuring Assignment 구조분해할당 배열, 객체 모두 사용 가능 공식 문서에 내용이 더 많음 bad //array const first = animals[0]; const second = animals[1]; //object const name = student.name; const level = student.l..

Base64가 뭐지?? “Base 64″란 8비트 이진 데이터(예를 들어 실행 파일이나, ZIP 파일 등)를 문자 코드에 영향을 받지 않는 공통 ASCII 문자열로 바꾸는 인코딩 방식을 가리키는 개념이다. Base64 이미지 사용 이 아이콘을 Base64로 인코딩하면 아래와 같은 문자값을 얻을 수 있다. (http://www.base64-image.de/) data:image/gif;base64,R0lGODlhDwAOAPYBAAAAAP///+Pj5MzS6qy33bfA4sDI5dne8I6e0JGg0Zim1Jqo1aGu2H6SyZOj0HWMxYWYytbY3V98vLG801p9ulN6u2SHw0JvtYiix8vU4TBmsDBmrx9fqyJgrEB1uGCOxRpeqoGjygdXpwlYpw5aqBVhrGOUx6C..

http://tmondev.blog.me/220937034820 싱글 스레드에서의 비동기예시코드``` function goLunch(){ console.log(“식사가시죠~”); } function work(){ // 5초 이상 걸리는 작업 for(var i=0; i "work완료" (2) "work완료" -> "식사가시죠~" 위 예시코드의 실행 결과는 2번입니다. 메소드 정의대로 라면, 파라미터로 입력한..

참고 https://brunch.co.kr/@kkak10/3 SVC(Scalable Vector Graphic): 벡터 기반. 사이즈를 키워도 깨지지 않고 2차원 그래픽을 표현하기 위해 나왔다. xml 기반이다.(보통 웹에서 이미지를 표시하려고 하면 기존 사이즈보다 x2된 사진을 사용한다고 한다)W3C에서 개발함. 현재 1.2버전이 최신이지만 1.1이 안정적이고 내 코드도 1.1인 것을 확인하였다. 1.2버전은 SVC2로 넘어갈 것이라고 한다.사이트를 들어가보니 2.1버전이 최신이군 허허) 태그 알아보기: ...속성-xmlns: xhtml 스펙을 따르므로 xmlns를 꼭 적어서 NameSpace를 지정해 주어야 한다.width와 height: svg Element의 크기를 지정해 주며 무조건 지정해 주어..

회사에서 관련된 작업을 해야 할 일이 생겨서 까먹을까봐 오늘 공부한 걸 정리 하려고 한다. 구글 다큐먼트로 공부를 위한 플랫폼도 존재하니 가서 읽어보는 편이 좋겠다. 이 글은 단지 공부용 정리 노트임. https://developers.google.com/maps/documentation/javascript/overlays 마커 : 지도의 위치를 나타내는 정보.심볼(Symbols) : 표시되는 기호 모양, 마커의 이미지, 아이콘(icon)이라고 보면 됨. (이미지로도 추가할 수 있음.) 폴리선(Polylines) : 지도에 선으로 표시할 수 있다. 도형은 폴리곤이라고 부르는 듯. 심볼 ex)var marker = new google.maps.Marker({ //여기에서 마커 객체 생성하며 동시에 맵에 표..

출처 : http://nagarry.tistory.com/186 전에 이 플러그인을 한번 썼었는데 이름이 생각이 안나서 자바스크립트 플러그인이라고 쓰고 검색했더니 나옴. 이클립스는 기본적으로 Javascript 자동완성(코드어시스트) 기능이 비활성화 되어있다.설정도 못하는 어린이들을 위해 Javascript 코드 어시스트 환경을 만들어보겠다. 딱 2가지만 해주면 된다.첫째, Javascript 어시스트 기능 활성화둘째, Javascript 플러그인 설치 이 두가지만 해주면 .(점)을 찍자마자 이렇게 코드 어시스트가 동작할 것이다. 1. Javascript 어시스트 기능 활성화아무런 설정변경을 하지않았다면 어시스트 기능은 비활성화 상태일 것이다. 물론, 단축키 Ctrl+Space하면 아래처럼 어시스트 기능..

출처: http://aljjabaegi.tistory.com/148 [알짜배기 프로그래머] ajax success 넘어가지 않을때 해결방법 @ResponseBody 에 대하여 전자정부프레임워크의 Spring 구조에서 ajax 사용 시 통신은 이상없이 이루어지는데 success로 넘어가지 않는 문제가 발생했다. DB저장도 되고, 데이터도 리턴해 주는데 ajax의 success로 넘어가지 않는 것이다. 문제는 controller에서의 @ResponseBody 를 해주지 않았기 때문! 몇날 몇일동안 왜안될까를 고민 했었는데 원인은 한줄이였다. 복사해 쓸줄만 알았지 기본지식의 부족을 다시한번 느꼈다. ajax 에서 success로 넘어가는 조건은 http 요청에 성공했을 경우이다. 그런데 @RequestMapp..

setTimeout() 코드 실행 지연 함수이다. 자세한 사용방법은 여기를 참고하자 https://www.sitepoint.com/jquery-settimeout-function-examples/ 보통 코드 실행 지연을 시키고 싶을 때네 sleep를 많이 써서 이번에도 sleep(2000)으로 2초동안 코드실행을 멈추게 하고 싶었는데멈추지도 않고 먹통이라 고친 경험을 적어보려 한다. $('#loader').show().delay(2000).hide(); 같은 것도 해 보았으나 나의 경우에는 먹히지 않았다. setTimeout을 적용해보니 정상 작동하였다. $('#loader').show(); //ajax 코드 생략 setTimeout(function(){$('#loader').hide();}, 1500)..

https://www.codingfactory.net/10127 아이콘 하나 넣으려고 부트스트랩을 이용해서 아이콘 추가하거나 이미지를 잘라와서 png로 만들어 붙여넣었던 과거여 안녕!이젠 아이콘을 글자처럼 간단하게 추가만 하면 되는 폰트를 찾았다! 위 링크를 참고하자. HTML 문서의 사이에 다음의 코드를 추가합니다. (경로는 적절히 수정합니다.)1 아이콘 넣기HTML 문서에1처럼 생긴 코드를 넣으면 아이콘이 나옵니다.예를 들어1를 넣으면 돋보기 모양의 아이콘이 나옵니다. 아래 링크는 아이콘 목록들.https://fontawesome.com/icons?from=io

출처 : https://okky.kr/article/350117 보통은 이 방법들을 많이 쓴다.Math.ceil() : 소수점 올림, 정수 반환Math.floor() : 소수점 버림, 정수 반환Math.round() : 소수점 반올림, 정수 반환 그런데 나는 원하는 자리까지는 소수점을 보존하고 싶었다.substr 보다 더 신박한 방법이 있다고 한다. var n = 14.7778777855445; alert(Math.floor(n * 100000)/100000);원하는 소수점 자리만큼 10의 n승을 해서 곱해주고 (소수점 이하 5자리니까 * 100000)Math.floor로 소수점 이하를 버리고아까 곱해준 만큼 다시 나눠줘서 소수로 되돌리는 방식입니다.

http://apis.map.daum.net/web/guide/ 위 가이드를 잘 참고하자. 앱 등록은 필요없어 보이지만 웹이어도 발급 시 생기는 appkey가 꼭 필요하니 잔말말고 등록해놓자. 그리고 가이드를 잘 읽으면 문제될게 없는데, 눈대중으로 이런 코드를 태그에 복붙해두고, 실행시키니 지도가 잘 나왔다! (이제 위도경도만 좀 맞춰주면 되겠군)

1. 제이쿼리 모바일 개요 - 표준 웹 기술을 이용한 웹앱 개발을 위한 모바일 UI 프레임워크이다. - 모바일 UI 프레임 워크는 UX를 반영한 사용자 인터페이스를 라이브러리로 제공하여 모바일용 웹앱 UI를 빠르고 쉽게 만들도록 지원한다. 1) 프레임워크 연결방법 - CDN(Contents Delivry Network) 방식은 파일을 직접 다운로드 하지 않고 제이쿼리 모바일 서버의 URL주소만을 마크업에 명세함으로써 프레임워크가 적용될때 참조한다. - 다운로드 방식은 제이쿼리 모바일 공식사이트(http://jquerymobile.com/download)에서 zip파일 jquery.mobile-1.X.zip을 다운받아 압축해제후 html의 script및 link 태그의 속성으로 파일 경로를 추가하여 참조한..

1. Ajax(Asynchronous JavaScript and XML)의 이해 - 비동기 자바스크립트와 XML기반 스크립트를 말합니다.//비동기 통신 : A페이지에서 B페이지가 응답되면 페이지가 완전히 바뀌는 것이 아니라 B의 데이터만 받아서(Xml, Json, text등으로) A페이지 유지한 채 뿌려주는 것.ex) 네이버 메인 페이지 뉴스변경 등.//그리고 데이터가 오던말던 자기 할일 하면 되는 것임. 동기통신처럼 그것만 기다리고 있는 상태가 없음.//동기 : 형이 청소하다가 동생 콜라시키고 자기는 올때까지 기다리는 것//비동기 : 형이 청소하다가 동생 콜라시킨 뒤에도 청소하고 콜라가 오면 마시면서 청소하는 것 - 기존의 요청에대한 전체페이지가 응답되었다면, Ajax를 쓰면 서버는 단지 페이지에서 필..

[01] Event의 처리 3 - 입력 값의 범위 지정. - 사용자는 시각적인 인터페이스로 사용이 편리. - CheckBox, RADIO 버튼보다 좁은 공간에 많은 항목의 나열 가능. 1. select 태그 자바스크립트에서 연동하기 - SELECT 태그에서 선택한 값을 텍스트 상자에 출력되도록 아래의 소스를 완성하세요. - 지역변수로 선언해야 form 인식 가능 var frm = document.frmData; - select 콘트롤에서 선택한 아이템의 인덱스(순번, 0부터 시작~) f.ansqu.selectedIndex - select 콘트롤에서 선택한 아이템의 레이블(출력 문자열) var str = f.ansqu.options[f.ansqu.selectedIndex].text; - select 콘트롤..

[01] Event의 처리 (CHECKBOX, RADIO) - 입력 값의 범위 지정. - 사용자는 시각적인 인터페이스로 사용이 편리. 1. split()함수를 이용하여 입력된 값을 분리하여 출력하는 스크립트를 작성하세요. - onload event: 페이지 로딩시 자동실행 함수 선언, BODY 태그 실행후 실행 - 자바스크립트를 BODY태그 안에서 호출시 결과가 BODY태그안에 들어감 종각부터 시청역 구간에 열차가 연착되고 있습니다. 2. 파일의 확장자를 검사하는 함수 자바 스크립트 확장자 호출 테스트입니다. 3. RADIO, CHECKBOX Type의 사용 - CHECKBOX는 같은 이름을 사용가능하며 RADIO 타입처럼 배열로 태그의이름을 처리함. >>>>> /event/radio.html 노트북 [..

[01] Event의 처리(BUTTON, SUBMIT) - 에서 javascript 생략 불가능. 1. Anchor 태그에서 click 이벤트를 받는 소스 >>>>> /WebContent/event/click.html 주소 이동주소이동[DAUM][기상청][교보문고] 2. 입력값을 검사하는 기본 자바 스크립트 - button 태그는 항상 자바스크립트 함수와 같이 사용됩니다. - onClick='check(this.form)': this.form은 폼 태그를 말합니다. >>>>> /event/input.html 방 명 록이름 제목내용 3. SUBMIT 버튼의 사용 - reset: 태그의 기본 값으로 돌아감. - submit: 서버로 폼의 내용을 전송함. - onsubmit: submit 버튼이 작동되면 자동..

2. 매개변수(Parameter, 함수로 전달 값)가 있는 함수의 호출 >>>>> /javascript/function/fun02.html 함수의 사용예 2 3. 함수 실행 후 반환값이 있는 함수의 호출 - return 타입을 명시하지 않습니다. >>>>> /javascript/function/fun03.html 함수의 사용예 3 4. confirm() 내장함수 - API: http://www.w3schools.com/jsref/obj_window.asp - 사용자가 확인이나 취소버튼을 클릭할 경우 true나 false를 리턴하는 함수입니다. >>>>> /javascript/function/fun04.html -----------------------------------------------------..