본문 바로가기

Web/javascript & j-query

(8)
[Javascript] 자바스크립트 라이브러리 Socket.io 사용하면서 socket을 콘솔로 찍어봤을때 sendBuffer가 []이 아니라 값이 담겨있다? 데이터를 서버로 보내야 하는데 서버가 끊겨서 못 보내고 있다는 것을 의미 웹소켓에서는 제공하지 않는 기능 id의 8번으로 로그인했다는 것을 서버에 알림 서버에서 onlineList에 로그인한 8번을 뿌려줌 2, 3, 2, 3 은 Pingpong으로 Socket.io가 연결이 잘 유지되고 있나 확인하는 것
[Javascript] js 메소드를 이용한 객체 및 배열 값 추출 보호되어 있는 글입니다.
[Javascript] 배열에서 모든 특정 중복 제거 - filter(), includes() codewar.com에서 두 개의 배열에서 중복되는 요소들을 제거하는 문제를 풀게 되었다. filter()와 includes() 메서드를 이용하여 아래와 같이 풀이하였다. 1. 변수형 2. 함수형 문제출처 : https://www.codewars.com/kata/523f5d21c841566fde000009/train/javascript Codewars: Achieve mastery through challenge Codewars is where developers achieve code mastery through challenge. Train on kata in the dojo and reach your highest potential. www.codewars.com
[J-query] 내가 클릭(선택)한 요소의 index 찾기 제이쿼리에서 내가 원하는 요소의 순서를 알고 싶을 때 index() 메소드를 사용할 수 있다. 1. item이 형제 관계일때 2. item이 형제 관계만이 아닐 때
[Javascript] Inside Javascript 책 단어 뽀개기 (chapter 3/8) 3.1 자바스크립트 기본 타입 타입(data type) 프로그램에서 다룰 수 있는 값의 종류 기본(원시) 타입 (Primitive type) 자바스크립트에서는 여러 가지 형태의 타입을 미리 정의하여 제공하고 있으며, 이것을 기본 타입이라고 한다 자바스크립트에서 기본 타입은 숫자, 문자열, 불린값을 비롯해 null과 undefined라는 타입이 있다 이들 타입의 특징은 그 자체가 하나의 값을 나타낸다. 즉 값을 그대로 할당 (기본 타입을 제외한 모든 값은 객체) - 종류: 숫자(number), 문자열(string), 불리언(boolean), 심볼(symbol, ECMAScript 6부터 제공) , undefined, null 모든 원시 타입은 값을 표현하는 리터럴 형식이 있다. 리터럴이란 코드에 직접 입력..
[Javascript] Inside Javascript 책 단어 뽀개기 (chapter 1/8) Chapter 1. 자바스크립트 기본 개요 1.1 소개 자바스크립트 웹 브라우저에서 동작하는 스크립트 언어 스크립트(Script) 언어 소스 코드를 컴파일(Compile)하지 않고도 실행할 수 있는 프로그래밍 언어 자바스크립트는 객체지향언어이다. 자바스크립트는 프로토타입 기반 언어이다. 자바스크립트는 웹페이지를 동적으로 변경해주는 언어이다. - ex) C언어, JAVA, 비주얼베이직 같은 경우 작성한 소스를 컴파일러를 통해 기계어 코드로 변경해야 사용자가 실행할수 있는 실행 파일이 얻어지는데 비해 스크립트 언어는 별도의 컴파일 없이 내장된 번역기에 의해 번역 되므로 바로 실행 할 수 있다. - 장점 : 소스를 작성한 후 컴파일 과정 없이 바로 실행하여 결과를 확인할 수 있다 - 단점 : 번역 과정을 거쳐..
[J-query] scroll, offset() 메소드
[J-query] 헤더 가로스크롤 처리하는 방법 주로 헤더로 많이 쓰이는 fixed 엘리먼트는 상단에 위치가 고정되기 때문에 윈도우 창을 작게 했을 경우, 가로로 스크로를 해보면 콘텐츠와 함께 스크롤이 되지 않는다. j-query에서는 window에 스크롤 이벤트를 걸어서 css를 스크립트로 처리해 줄 수 있다.