전체 글219

• 

  [해외여행] 말레이시아 - 코타 키나발루 18. 11. 09 ~ 18. 11. 13 안녕하세요 오늘은 코타키나발루에 다녀온 여행 후기를 작성하려고합니다. 화요일날 아침 새벽 귀국해서 몸이 피곤하여 하루기절.. 어제 그저께 출근해서 밀린 업무 처리 등 드디어 후기를 작성하고있네요. 제가 여행하면서 보고 들은 재미난 역사 얘기와 몰랐던 사실들을 작성하도록 하겠습니다. 코타 키나발루의 여행계획이 있으신분들에게 참고가 될만한 포스팅이 되었으면 좋겠습니다. 바쁘신분은 맨아래 결론만 보시면 될듯합니다. 패키지로 다녀와서 참고할만한 여행자료는 많이 없으나 보고 느낀점을 최대한 살려서 작성하도록 하겠습니다. 1일차 (인천공항 -> 코타 키나발루 공항) 2일차 (아일랜드 호핑투어(산호섬 관광=툰구 압둘라만 해양공원 관광) 공항 도착하자마자 바로 호텔로 들어와서 몇시간 못자고 일어나서 조식을 위해 일어나.. 여행 이야기 2018. 11. 15.

• 

  [CentOS7] Nginx SSL 인증서 적용 안녕하세요 오늘은 CentOS7 버젼의 SSL 인증서 적용하기 포스팅을 작성할 예정입니다. 얼마전 관리하고있던 사이트의 인증서가 만료되어서 새로 갱신을 하게 되면서 내용을 기록한것이며 서버 환경 및 기타 환경차이에 따라 다를수있다. 1. nginx 의 설정 파일을 찾아서 기본 conf 파일을 확인한다.ex : /usr/local/nginx/conf/hosts/[도메인].conf 2. 3. 다운받은 인증서의 압축을 푼후a. .crt 를 메모장으로 열기 후 모든 내용을 복사하고, 1.a 의 이미지를 참고하여 해당 위치에 [파일명].crf.pem 으로 저장b. .key 파일도 2.b 과정과 동일한 과정을 거친다. 파일명은 [파일명].key.pem 으로 저장i. sudo service reload nginx.s.. 운영체제 이야기/Linux(CentOS) 2018. 11. 2.

• [Javascript] javascript 클릭 target id 호출 var value = event.target.id; 프론트앤드 이야기/JavaScript & JQuery 2018. 10. 29.

• [Jquery] Jquery 2 이후 버전 체크박스 선택 checkbox 늘 검색하는 문법 ;; $('input:checkbox[id="ID"]').prop("checked",true) $('#checkAll').click(function(){ if($(this).is(":checked")){ $('input:checkbox[id="ID"]').prop("checked",true); } else { $('input:checkbox[id="ID"]').prop("checked",false); } }); 프론트앤드 이야기/JavaScript & JQuery 2018. 10. 29.

• [Javascript] 생활코딩 JS 공부 2일차 실행방법과 실습환경 프론트앤드 이야기/JavaScript & JQuery 2018. 10. 11.

• [20181010] 생활코딩 JS 공부 1일차 언어 소개 : 웹브라우저를 동적으로 제어하기위해 고안된 언어 사용자는 웹브라우저를 이용하여 자원을 요청하고 서버는 사용자의 요청에 대해 응답을 준다. 언어와 환경의 차이 언어 : JavaScript환경 : 웹 브라우저 / alert Node.js / write SpreadSheet / msgBox 프론트앤드 이야기/JavaScript & JQuery 2018. 10. 10.

• 

  [CSS] CSS 선택자 이해 화면 개발하면서 늘 헷갈리는 CSS .class ul : class 라는 class 의 모든 ul 하위 선택자에 적용.class > ul : class 라는 class 의 바로 아래 자식 ul 선택자만 적용 1. CSS 명시도(Specificity) 계산법!important > id [ 100 ] > class [ 10 ] > tag [ 1 ] > * [ 0 ] !important선언을 사용한 형식이 가장 우선 순위가 높습니다. 그래서 다른 선언들을 덮어버릴 수 있기 때문에 꼭 필요한 곳에만 사용해야 합니다.이를 제외한 나머지 선택자는 대괄호 "[]"안에 있는 숫자를 각각의 점수로 부여하여 우선순위를 계산합니다.ID 선택자의 갯수를 세어서 개당 100 으로 계산합니다. (= a)클래스 선택자의 갯수를 세.. 프론트앤드 이야기/CSS 2018. 9. 26.

• [html5] HTML5 테그 * header : 테그 안에는 적어도 한개의 제목()이 들어 있어야 하며, section, header, footer 요소는 절대 들어갈 수 없다.nav 요소도 일종의 section 이므로 header 안에 들어갈 수 없습니다. * section : 요소안에는 header, footer를 넣을 수 있으며, body에 들어갈 수 있는 모든 요소를 넣을 수 있다. 프론트앤드 이야기/HTML 2018. 9. 26.

• 

  [CSS] CSS 적용 순서 ID > class > 선택자 순이 기본요소에 inline 으로 명시된 스타일이 가장 우선순위가 높으며예외적으로 important 속성으로 정의된 것이 모든것을 무효화하며 적용순위가 제일 높다. 출처 : http://webberstudy.com/html-css/css-2/multiple-style-sheet-and-priority-order/ 프론트앤드 이야기/CSS 2018. 9. 24.

• [HTML] 추석!! 블록 요소 vs 인라인 요 바로 전 태그 설명은 이정도 리마인드 하기로하였고, 이번 포스팅에서는 inline 태그와 block 태그 이해와, 특징들을 다시한번 리마인드 하도록 하겠습니다. 블록 요소와 인라인 요소의 특징으로는 줄빠꿈 처리가 되느냐, 안되느냐의 차이가 있으며, 더 디테일한 특징은 아래 포스팅에서 확인 ~ 1. 블록 요소블록 요소는 또 다른 블록 요소와, 인라인 요소를 포함할 수 있으며, 기본속성으로 가로폭이 화면의 전체를 차지합니다. 또한 블록요소가 종료된 시점에서는 줄바꿈 처리가 되는것이 특징 ~ 블록요소 종류* div, dl, dd, dt, form, h1 ~ h6, ol, ul, pre, table* html5 태그 * section, header, footer 등* 블록 요소엔 명시적으로 width, heig.. 프론트앤드 이야기/HTML 2018. 9. 24.

• [HTML] 추석!! HTML 태그 정리 오늘은 추석 당일이다. 몇년 전부터 제사를 안하기로해서 나는 특별한 일 없으면 집에서 쉰다. 그래서 오늘은 그동안 잊고 있었던 책을 다시 처음부터 쓱 보면서 리마인드 하기로 결정 ~ (다른 공부가 더 시급.. ㅠ_ㅠ) 1. html 문서의 기본 요소 //컨텐츠 영역컨텐츠 입니다. 2. html 태그 설명(heading)* 1 ~ 6 까지 총 6단계의 속성이 있으며, 단락의 제목을 정의하는데 주로 쓰인다. (paragraph)* 문서의 단락을 나눌 때 사용하며, 위의 h 테그와 같이 이용하기 좋다. (division)* 문서의 단락을 나눌 때 p 테그를 이용했다면 div 테그는 그 모든것을 담고있는, 영역을 나눌 때 주로한다.* 물론 div 영역 안에서도 여러 영역으로 나누어 사용할 수 있다.* 제목입니다.. 프론트앤드 이야기/HTML 2018. 9. 24.

• [20180913] JQuery 를 사용하지않은 슬라이더 http://meandmax.github.io/lory/ 프론트앤드 이야기/JavaScript & JQuery 2018. 9. 13.