본문 바로가기 메뉴 바로가기

Just Make IT

프로필사진
  • 글쓰기
  • 관리
  • 태그
  • 방명록
  • RSS

Just Make IT

검색하기 폼
  • 전체 글 보기 (143)
    • Frontend-dev (96)
      • HTML-CSS-JS (65)
      • react (30)
    • Backend-dev (36)
      • python (36)
    • Useful-tools (9)
    • computer (2)
  • 방명록

JavaScript (5)
break와 continue를 통해 반복문 종료하기

break와 continue는 반복문을 중지시키는데 사용됩니다. 반복문에 대해선 지난 포스팅에서 다뤘습니다. 복습은 아래 링크를 눌러주세요. 자바스크립트의 반복문break 사용하기break를 사용하면 반복문을 종료하고 다음 스크립트들이 실행됩니다. for(let i=0;i

Frontend-dev/HTML-CSS-JS 2018. 2. 18. 12:23
자바스크립트의 배열

배열이란? 배열도 객체와 같이 여러가지 값들을 저장할 수 있습니다. 객체와 다른점은 순서가 있다는 것입니다. 네! 배열은 바로 순서가 있는 객체입니다. 그리고 많은 값들을 한 곳에 저장할 때도 아주 유용하게 쓰일 수 있습니다. 배열 선언하기 let arr = ["컴퓨터", "티비", "냉장고"]; 배열은 위와 같은 형태로 선언합니다. 대괄호 사이에 값을 적고, 값 끼리는 ,로 구분합니다. 지금은 문자열로만 채웠지만 숫자, 또 다른 배열, 객체 등 모든 값들을 넣을 수 있습니다. let arr2 = new Array("컴퓨터", "티비", "냉장고"); arr2처럼 선언하는 방법도 있습니다. 둘 다 배열을 만들지만 첫 번째 방법이 더 쉽기 때문에 많이 쓰입니다. 첫 번째 방식처럼 직접 값을 넣는 방법을 리..

Frontend-dev/HTML-CSS-JS 2018. 2. 10. 14:50
객체의 키로 심볼 넣기

저번 포스팅에서 객체에 키(key)로는 문자열만 들어갈 수 있다고 말했습니다. 하지만 es6에 심볼이라는 원시 타입이 생기면서 객체의 키로 심볼도 들어갈 수 있게 되었습니다.객체의 키(key)로 심볼(symbol) 넣기 const S = Symbol("this is symbol"); 심볼을 만드는 방법은 Symbol() 하나밖에 없습니다. 이제 객체에 다른 키-값들과 함께 넣어보겠습니다. const obj = { name: "lemon", S: "not symbol", [S]: "symbol" }; obj라는 객체에 세 개의 프로퍼티를 주었습니다. 그냥 S라고 적힌 key는 문자열이고, [S]라고 적혀 있는게 위에서 생성한 심볼입니다. 괄호를 하지 않으면 당연하게도 문자열로 인식해서 우리가 생성한 심볼이..

Frontend-dev/HTML-CSS-JS 2018. 2. 10. 00:49
자바스크립트의 새로운 변수 let과 상수 const

지난 포스팅에서 변수를 배웠습니다. var라고 하고 식별자를 쓰고 등호를 통해 값을 할당했습니다. 오늘은 에크마스크립트6(es6)를 통해 새롭게 추가된 let과 const를 다룰 예정입니다. 난이도가 좀 있으니 이해가 안되시면 그냥 넘어가시면 됩니다. 변수에 대한 전반적인 설명을 보시려면 아래 링크를 클릭해주세요. 자바스크립트의 변수var를 대체할 let과 const에 대해 알아보기 우선 let은 변수를, const는 상수를 의미한다는 것을 알아두셔야 합니다. var와 let, const는 각각 어느 차이가 있는지 지금부터 하나씩 알아보도록 하겠습니다. 실습은 콘솔창에서 진행하시면 됩니다. var x = 3; console.log(x + " : " + y); var y = 7; 위의 소스코드를 콘솔창에서..

Frontend-dev/HTML-CSS-JS 2018. 2. 2. 02:35
자바스크립트의 변수

프로그래밍의 문법은 바뀌기 마련입니다. 없던 것들이 생기고, 있던 것들이 없어집니다. 자바스크립트를 배우려는 분들에게도, 이미 알고 있는 분들에게도 지금 제일 중요한건 바뀐다고 확실시 된 새로운 자바스크립트 문법(es6)일 것이라고 생각합니다. 제가 작성할 자바스크립트 강의들은 "~~을 사용해왔지만 새롭게 추가된 ~~도 있습니다."라는 형태로 진행될 것 같습니다. 자바스크립트도 얼른 끝내고 빨리 또 여러가지를 같이 만들어보겠습니다 !변수란 무엇일까요? 변수라는 것은 값을 담고 있는 상자입니다. 그리고 이름에서도 알 수 있듯이 변할 수 있는 값을 나타냅니다. 크롬에서 새 창을 연 다음 주소창에 about:blank를 입력해주세요. 그러면 안에 내용이 없는 창으로 이동합니다. 그리고 f12번을 누르고 크롬개..

Frontend-dev/HTML-CSS-JS 2018. 2. 1. 20:32
이전 1 다음
이전 다음
TAG
  • 파이썬 예제
  • 깃허브
  • responsive web
  • 스크래핑
  • 리액트 라우터
  • es6
  • 리액트
  • JavaScript
  • 반응형 웹
  • 자바스크립트
  • html
  • 장고 튜토리얼
  • React
  • three.js 튜토리얼
  • css grid
  • python
  • flex
  • 플렉스
  • 반응형 웹 예제
  • css
more
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday

Blog is powered by Tistory / Designed by Tistory

티스토리툴바