CODE CAVE

KKOTKKIO kkotkkio@gmail.com 안녕하세요~ 2016.09.29 17:54 kkotkkio@gmail.com 안녕하세요~ 2016.09.29 17:54 * { margin: 0; padding: 0; } body { font-size: 11px; } .chat_list_wrap { list-style: none; } .chat_list_wrap .header { font-size: 14px; padding: 15px 0; background: #F18C7E; color: white; text-align: center; font-family: "Josefin Sans", sans-serif; } .chat_list_wrap .search { background: #eee; padding:..

안녕하세요~ 이번엔 jQuery의 요소 반복으로 매우 매우 자주 사용되는 each() 에 대해 알아보려 합니다~ 클라이언트 프로그래밍을 하다보면 자주 마주치게 되는데요. 요새 쇼핑몰에서 제품을 구매할 때 옵션을 선택하면 해당 옵션 별로 상품 카드(?)가 추가 되는 것이 일반적이죠.제가 써놓고도 뭔말인지 모르겠네요 ㅋㅋ 사진으로 보시죠![출처 : trymoon(트라이문)] 온라인 쇼핑몰에서 이런 화면 많이 보셨을겁니다. 상품 옵션을 고르면 해당 옵션의 상품이 카드형식으로 하나하나 추가되는 방식이죠. 이렇게 사용자의 입력에 따라 html 추가되는 건 append() 라는 메서드를 쓰시면 됩니다! 옵션 클릭 리스너에서 옵션 클릭을 감지하고 클릭한 요소에서 옵션(컬러,상품명 등)값 들을 가져와서 append로 ..

저번 #1.3 포스팅에서 비교 연산자에 대해 이야기 나눠보았습니다! 오늘은 비교 연산자가 프로그래밍에서 왜 쓰이고 어떻게 쓰이는지 비교 연산자에게 의미를 부여 해줄 조건문에 대해 알아보겠습니다. 조건문은 if와 switch가 있습니다. 일단 둘의 차이를 간략하게 집고만 넘어가볼게요. 일단 if와 switch는 언어의 내장 함수 입니다. 함수니까 if(), switch() 이런 식으로 적습니다. 함수는 () 안에 파라미터를 넘기도록 형태가 갖춰져있습니다.아직 함수에 대해 다룬 적은 없으니 함수는 그냥 어떤 일련의 "기능"을 하는 것이라고 생각하시고 넘어가시면 됩니다. 조건문이 없는 프로그램은 없기 때문에 조건문은 모든 언어에 다 있습니다.조금만 생각해보면 조건문이 없는 프로그램이 없다는 말이 이해가 되실겁..

이젠 문자(sms) 시대 거의 종말에 다 와가나봅니다. 문자보단 보다 카톡이죠. "이따 카톡해~""결과는 카톡으로 알려드릴게요""뭔데? 카톡으로 공유해줘""카톡 왜 씹어?"..등등.. 카카오톡이 거의 우리의 생활에 완전히 자리 잡으면서 마케팅에 관심 좀 갖는다는 거의 모든 서비스들은 카카오톡 공유 기능을 가지고 있습니다. 카카오톡이 앱이니까 카톡 공유 기능이 네이티브 앱만 지원하는거 아니냐구요?다행히도 아닙니다. 모바일 웹도 지원합니다.링크만 있으면 공유가 되고 공유된 공유 링크는 카카오톡 웹뷰로 열리게 됩니다. 그럼 모바일 웹 카카오톡 공유, 이제 시작해볼까요? 먼저 카카오 개발자 센터에 들어가서 가입 혹은 로그인 합니다. 가입 절차도 매우 간단하니까 없으시면 개발자로 가입 해보세요~카카오 개발자 센터..

저번 자바스크립트 이야기 #1.4 에서 비교 연산자에 대한 내용을 다뤘었습니다. 비교연산자는 어떤 두 값을 비교 합니다. 같은지, 다른지, 왼쪽이 오른쪽보다 큰지 혹은 크거나 같은지 말이죠.아니면 어떤 변수가 값이 할당 되어 있지 않거나 null 일 경우도 비교 연산자를 사용하여 true 혹은 false 라는 둘 중 하나의 boolean 값을 얻게 되죠. 이런 비교 연산자를 사용하여 나온 boolean 값은 어디에 사용 될까요?boolean 값이 사용 되는 곳은 바로 조건문 입니다. 실제 자바스크립트 코드로 살펴 보죠.if(true){ console.log("this is true"); } if(false){ //아래 명령은 실행되지 않습니다. console.log("this is not showing"..

######## 9장 ############## 1. ( ARP )는 IP 주소 값으로 MAC 주소 값을 알아내는 프로토콜이며( RARP )는 MAC 주소 값으로 IP 주소 값을 알아내는 프로토콜이다. 2. 윈도우 또는 유닉스 시스템에서 ARP 테이블을 확인하는 명령어는?arp -a 3. ARP 스푸핑을 막는 방법이 아닌 것은? 2①MAC 테이블을 static으로 설정한다. (리부팅하면 옵션은 날라감)②스위치의 포트별로 연결 가능한 MAC 주소를 설정해둔다.③암호화를 한다. (중요한 패킷 암호화)④VLAN을 설정해둔다. (사설 VLAN 사용 권장) 4. 트러스트 관계를 성립시키기 위한 설정 파일은 무엇인가?- /etc/hosts.equiv- $HOME/.rhost 5. DNS는 어떤 포트와 프로토콜을 사..

자바스크립트는 이전 포스팅에서 말씀드렸듯이 웹페이지를 동적으로 동작할 수 있게 합니다.즉, 자기가 원하는 어떤 연산을 수행하는 프로그래밍이 가능합니다. 프로그래밍이 가능하다는 것은 변수, 연산, 비교, 반복 등이 가능하다는 것을 의미 합니다. 저번 포스팅에서 변수에 대해 자세히 알아봤습니다.변수는 값을 저장합니다.변수에 들어갈 수 있는 데이터 값의 종류는 여러개가 있습니다.숫자 값, 문자 값, 문자열 값, 데이터가 없음을 나타내는 의미인 null(undefined)이 들어갈 수 있고, 변수에 변수를 대입 할 수도 있었죠. 위에 언급한 값 외에 다른 종류의 값에는 무엇이 있을까요? 더 있을까요?네, 있습니다. 바로 bool 값이란게 존재하는데요~bool 형 변수는 true(참) 혹은 false(거짓) 이라..

이번에는 자바스크립트의 변수 부분을 다뤄볼까 합니다. 본질 적인 질문으로 시작해보겠습니다. 변수란 무엇 일까요?네, 변수는 말 그대로 "변하는 수" 입니다. 변하지 않는 숫자는 상수라고 하지요. 프로그래밍에서 변수는 매우 매우 중요하고 어느 언어를 쓰더라도 변수는 무조건 배우게 되고 또 계속해서 쓰게 됩니다.그렇다면 왜 이렇게 중요하며 왜 무조건 써야 할까요? 먼저 변수는 어떤 데이터 값을 런타임 중에 저장하는 역할을 합니다. 프로그램이 실행 되는 동안 계속 메모리의 특정 위치에 저장이 되어있죠. 쉽게 예를 들어 설명하면 어떤 사람의 나이값이 있다고 칩시다.제 나이가 25살이니까 25라는 값이 있다고 가정합니다.. 하지만 25, 그냥 just 숫자 이십오 일 뿐입니다.하지만 이 값이 들어갈 공간을 만들고..

안녕하세요~ 자바스크립트의 기본에 대해 정리를 한번 해보려고 합니다. 저는 포스팅 하면서 자바스크립트에 대해 리마인드가 되는 효과가 있고 이제 막 자바스크립트를 시작한 분 들에겐 한 눈에 기본을 쭉 볼 수 있는 기회가 되었으면 좋겠습니다. 자바스크립트를 공부하기 앞서 가장 먼저 해야할 일은 실습 환경 구성 일 것입니다.저는 개인적으로 어떤 새 언어를 공부할 때 실습환경 구성할 때가 가장 설렙니다 ㅎㅎ 공부할 것에 대해 설레고 그 것을 준비하는 과정이 즐겁더라고요. 마치 내가 원하는 집으로 이사 갈 때 이사짐 싸는 것 처럼 설렙니다! 아무튼 본론에 들어가서, 자바스크립트만 공부한다는 가정을 두고 실습환경을 말씀드리자면 서브라임텍스트와 크롬브라우저. 이 2가지면 실습 준비 끝입니다. 다른 언어는 별도의 컴파..

자바스크립트는 맨 처음 나오게 된 계기는 브라우저에 랜더링 된 정적인 HTML을 동적으로 제어할 수 있게 하기 위해 나왔습니다. HTML로만 작성한 정적인, 멈춰있는 사이트를 동적으로 만들어 주는 역할을 합니다. 예를 들어 HTML의 table 태그로 만들어진 어떤 시간표 테이블이 있다고 가정합니다. 또한 이 시간표의 색상을 바꾸는 "파란색으로 변경"이란 버튼이 있다고 합시다. 이제 처음 시간표 페이지를 브라우저에 띄웠을 때 시간표 색상이 초록색이 나왔습니다.이 초록색을 파란색 버튼으로 바꾸기 위해 "파란색으로 변경하기" 버튼을 누릅니다. 하지만 아무 반응이 없습니다. HTML은 그저 화면의 구조를 정하고 CSS는 이 HTML과 함께 레이아웃, 스타일을 지정할 뿐 뭔가 파란색으로 변해라! 하고 버튼을 눌..