일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
- jQuery
- HTML
- 자바스크립트
- web
- JavaScript
- 문자열 자르기
- position
- 반응형
- 사이드바
- sideproject
- 판화
- 제이쿼리
- BNX사이트
- float
- steak
- PHP
- 웹
- IT
- Transform
- 드롭다운메뉴
- CSS
- flex
- 클리핑마스크
- 플렉스
- 메소드
- Poster
- MARGIN
- Photoshop
- CLIPING MASK
- 레이아웃
- Today
- Total
목록JavaScript (21)
코딩 슬라임 공방

Refactoring리팩토링 re(다시)+factory(공장)의 합성어 공장으로 다시 돌려보내서 좀 더 개선한다 라는 느낌. 반복되는 코드들을 최소한으로 줄이는 일이라고 보면 된다. Array(배열) 배열은 음식들을 보관하고 있는 냉장고와 같다. 데이터가 많아지면서 그 모든 데이터들을 그냥 둘 수 없기 때문에 서로 연관된 데이터들을 묶어서 냉장고와 같은 보관상자에 넣는 것과 같다. 배열이라는 데이터 타입은 대괄호에 담아서 사용한다 그리고 배열 값과 값 사이는 콤마(,)로 구분한다. ["apple","pineapple","strawberry"]; 하지만 이상태로는 사용하기 불편하기 때문에 보통 변수(VAR)안에 넣는다. var fruit = ["apple","pineapple","strawberry"]; ..

현재 창작 사이트 코딩 중에 문제가 있다. float으로 정리한 요소들에게 마우스를 올렸을 때 마우스를 올린 요소는 크기를 커지게 해주고 다른 요소들의 크기는 작아지게 하고 싶다. 어느정도는 적용 할 수 있었지만 선택을 완벽하게 할 수 없는 문제 때문에 빠르게 움직이거나 하면 공백이 생기는 등의 문제가 생긴다. 해결을 위한 공부 Comparison operator(비교 연산자) ===는 동등 비교 연산자이자 이항 연산자 이다. TIP(이항 연산자는 연산자의 왼쪽과 오른쪽을 합해서 새로운 값을 만들어 내는 것을 이항 연산자라 한다.) 설명으로는 ===의 왼쪽에 있는 값과 오른쪽에 있는 값이 같으냐 라는 뜻이다. ex ) 1 === 1의 값은 True로 나오고 1 === 2의 값은 False로 나온다. 또 ..

자바스크립트에는 6개의 데이터 타입이 있습니다. 그 중에서 오늘 배운 것은 String(문자열)과 Number(숫자)가 있습니다. String은 ''작은따옴표나,""큰따옴표로 사용합니다. Number도 ''나""안에 적게 되면 데이터 타입이 문자열로 취급 됩니다. 자바스크립트에서는 더하기+,빼기-,곱하기*,나누기/와 같은 산술 연산자를 사용 할 수 있습니다. 자바스크립트에서 변수'Variable'을 var이라고 선언 합니다. 변수를 선언 할 때 변수의 이름을 정해주는데 변수의 이름에 첫 글자로는 숫자가 올 수 없습니다. 또한, 숫자만으로 이루어진 변수의 이름은 사용 할 수 없습니다. 자바스크립트에서 = 는 대입 연산자라고 합니다. 자바스크립트 산술의 예를 들면 아래와 같습니다. 1+1을 적으면 2가 나옵..

1. 자바스크립트. JavaScript 자바스크립트는 미국의 넷스케이프 커뮤니케이션즈사 (Netscape Communications)가 개발한 스크립트 언어이며. 웹브라우저에서 실행하는 스크립트 언어를 기술합니다. 오늘날 자바스크립트는 브라우저뿐만 아니라 서버, 자바스크립트 엔진이라 불리는 특별한 프로그램이 내장된 기기에서도 동작할 수 있다. 특징으로는 객체 기반의 언어. 하지만 상속과 클래스라는 개념이 없다. 인터프린터 언어로서 클라이언트의 웹 브라우저에 의해 해석되고 실행된다. 인프런린터언어 - 순차대로 구문 분석. 에러가 발생한 다음 줄부터는 구문 분석을 하지 않음 클라이언트 스크립트 언어 - 서버에서 실행되는 것이 아니라, 사용자의 컴퓨터에서 실행. (서버의 부하를 줄일 수 있다.) HTML문서 ..

생활코딩-자바스크립트 자바스크립트는 HTML의 위에서 동작하는 언어이다. 자바스크립트는 HTML와 달리 동적인 언어이다. 자바 스크립트를 사용 하는 방법은 3가지가 있다. body 태그 안에 script태그를 기입하고 그 태그 안에 자바스크립트를 기입하여 사용 할 수 있다. 태그 안에 event를 넣는 방법이 있다. 브라우저 창에서 검사-console에서 사용 하는 방법이 있다. 사용자들에게 유용할만한 내용과 사건들을 정의해놓은 것이 EVENT이다. 수업에 나온 event들 onclick : 클릭 했을 때 onchange : (input)내용 값이 변화 했을 때 onkeydown : 요소(input)에 키보드를 입력 했을 때 사용방법은 다음과 같다. ex ) div class="hellow" onclic..