저번 포스팅에는 자바스크립트의 원시 타입인 숫자와 문자 그리고 불린에 대해서 배웠습니다. 오늘은 undefined와 null 그리고 es6를 통해 새롭게 추가된 심볼을 배워보도록 하겠습니다. 복습을 원하시면 아래 링크를 클릭해주세요. 자바스크립트의 데이터 타입 - 원시타입 포스팅 보기 null과 undefinednull 타입에서는 null이라는 값만 가지고 있고, undefined 타입에서는 undefined라는 값만 가지고 있습니다. 왜 이런 타입이 있는지 먼저 생각해보셔야 합니다. 변수라는 공간에 무언인가 담을 때 항상 바로 값이 존재하지는 않을 것입니다. 일단은 변수를 선언하고 나중에 값을 담는 일도 있고, 아예 값이 존재하지 않는 다는 것을 명시해야할 상황도 있을 것입니다. 그런 상황들에서 사용하..
저번 시간까지 변수에 대해서 배웠습니다. 오늘부터는 변수에 어떤 값들이 들어갈 수 있는 지에 대해서 알아볼 시간입니다. 자바스크립트에서 값으로 들어갈 수 있는 데이터 타입은 두개로 나뉘어 집니다. 바로 원시 타입과 객체(참조 타입)입니다. 원시 타입 이란? 원시 타입이란 말이 어려울 수도 있습니다만 기본 타입이라고 간단하게 생각하면 됩니다. 원시 타입의 특징 중의 하나는 불변성(immutable)입니다. 이 부분에 대해서 의문이 있을수도 있을 것이라고 생각합니다. 저번시간에 배운 const라면 값을 수정하는데 에러가 떳지만 let이나 var의 경우엔 undefined에서 문자를 갖게 되기고 했고, 숫자가 되기도 했으니까요. 하지만 이런 수정은 변수에 다른 값을 대입하는 것이었을 뿐 기존의 값을 변경하는 ..
주석에 이어서 파이썬의 변수에 대해서 배워보겠습니다. 윈도우 검색참에 cmd를 검색해서 명령 프롬프트를 실행해주세요. 그리고 명령프롬프트 안에 python을 입력해주세요.변수란 무엇일까요? 변수란 값을 담고 있는 상자입니다. 변할 수 있는 값이기도 합니다. 파이썬에서 변수를 입력하는 방법은 아주 쉽습니다. 변수명 = 변수값의 형태를 가지고 있으면 됩니다. 변수명이라는 상자에 변수값을 담은 겁니다. 변수명 = 변수값 # 파이썬의 변수 형태입니다. 명령 프롬프트 창에 직접 입력해보겠습니다. a = 12 라고 적고 엔터를 쳐주세요. 그럼 a라는 상자에 12라는 값이 담기게 됩니다. 그리고 a라고 치고 엔터를 치면 12가 담겨있다고 나옵니다. 변수명은 보통 식별자(identifier)라고 부릅니다.(앞으로 배우..
파이썬의 첫 강의는 주석입니다. 주석이란 무엇일까요? 위키백과의 정의를 살펴보도록 하겠습니다. 주석 또는 코멘트(comment)는 프로그래밍에 있어 내용을 메모하는 목적으로 쓰인다.소스코드를 더 쉽게 이해할 수 있게 만드는 것이 주목적이며, 컴파일러와 인터프리터에 의해 일반적으로 무시되어 프로그램에 영향을 주지 않는다. 간단히 말하면, 컴퓨터를 위한 글이 아니라 코드를 읽는 사람을 위해서 쓰는 글이라는 뜻입니다. 파이썬에서는 주석을 어떻게 표현할까요? # 한 줄 주석 #을 적고 그 뒤에 문장을 쓰면 주석으로 처리됩니다. 주석이 여러 줄 필요할 땐 한 줄 주석을 여러 개 작성하면 됩니다. 소스코드를 살펴볼까요? # 여러 줄 주석 # 여러 줄 주석 # 여러 줄 주석 # 여러 줄 주석 주석으로 처리하는 방법은..
파이썬은 강력하고 빠르고 배우고 쉽습니다.(라고 설명되어 있군요.) 프론트엔드 개발자에게 자바스크립트는 떼려야 뗄 수 없는 관계입니다. 자바스크립트를 모르면 아무것도 하지 못하거든요. 하지만 백엔드 개발자에겐 어떤가요? 꼭 파이썬이 아니어도 상관없습니다. 자바나 루비와 같은 다른 언어들이 존재합니다. 하지만 백엔드의 강의로는 파이썬을 할겁니다. 왜냐고요? 파이썬이 앞으로 더 강력해지고 인기있는 언어가 될거라고 생각하니까요. 파이썬도 하나하나씩 차근차근 배워보도록 하겠습니다. 파이썬 홈페이지 바로가기 파이썬을 설치해보도록 하겠습니다. 저희는 파이썬 뿐만 이용할 수 있는 패키지들도 쉽게 이용할 수 있게 콘다를 이용해 보겠습니다. 콘다는 패키지 관리 시스템이고, 아나콘다와 미니콘다가 있습니다. 아나콘다는 엄청..
지난 포스팅에서 변수를 배웠습니다. var라고 하고 식별자를 쓰고 등호를 통해 값을 할당했습니다. 오늘은 에크마스크립트6(es6)를 통해 새롭게 추가된 let과 const를 다룰 예정입니다. 난이도가 좀 있으니 이해가 안되시면 그냥 넘어가시면 됩니다. 변수에 대한 전반적인 설명을 보시려면 아래 링크를 클릭해주세요. 자바스크립트의 변수var를 대체할 let과 const에 대해 알아보기 우선 let은 변수를, const는 상수를 의미한다는 것을 알아두셔야 합니다. var와 let, const는 각각 어느 차이가 있는지 지금부터 하나씩 알아보도록 하겠습니다. 실습은 콘솔창에서 진행하시면 됩니다. var x = 3; console.log(x + " : " + y); var y = 7; 위의 소스코드를 콘솔창에서..
프로그래밍의 문법은 바뀌기 마련입니다. 없던 것들이 생기고, 있던 것들이 없어집니다. 자바스크립트를 배우려는 분들에게도, 이미 알고 있는 분들에게도 지금 제일 중요한건 바뀐다고 확실시 된 새로운 자바스크립트 문법(es6)일 것이라고 생각합니다. 제가 작성할 자바스크립트 강의들은 "~~을 사용해왔지만 새롭게 추가된 ~~도 있습니다."라는 형태로 진행될 것 같습니다. 자바스크립트도 얼른 끝내고 빨리 또 여러가지를 같이 만들어보겠습니다 !변수란 무엇일까요? 변수라는 것은 값을 담고 있는 상자입니다. 그리고 이름에서도 알 수 있듯이 변할 수 있는 값을 나타냅니다. 크롬에서 새 창을 연 다음 주소창에 about:blank를 입력해주세요. 그러면 안에 내용이 없는 창으로 이동합니다. 그리고 f12번을 누르고 크롬개..
HTML과 CSS를 배웠다면 이제 배워야 할 것은 자바스크립트겠죠? 오늘부터는 자바스크립트에 대해서 계속 다뤄보도록 하겠습니다. 자바스크립트 첫 강의 주제는 주석입니다. 주석은 무엇일까요 위키백과에는 주석은 프로그래밍에 있어서 내용을 메모하는 목적으로 쓰이며 소스코드를 더 쉽게 이해할 수 있게 만드는 것이 주 목적이며, 컴파일러와 인터프리터에 의해 일반적으로 무시되어 프로그램에 영향을 주지 않는다고 정의되어 있습니다. 즉 컴퓨터는 읽지 않고 사람들이 코드를 이해하는데 도움을 주는 것이 주석이라는 것입니다. 소스코드를 통해 자바스크립트 주석부터 알아보도록 하겠습니다. html과 css 주석 html과 css 수업을 하면서 주석에 대한 설명을 드리지 않았으니 지금 같이 설명하도록 하겠습니다. html 주석은..
반응형 웹을 이어서 만들어보도록 하겠습니다. 저번 포스팅에는 index.html을 채웠습니다. 오늘은 main.css를 작업해 보겠습니다. 반응형 웹 제작하기 2 복습하기main.css 작업하기 다른 작업을 하기 전에 우선 해야할 것은 css를 리셋하는 겁니다. 왜 css를 리셋해야 할까요? 같은 태그를 사용하더라도 그에 따른 기본값은 브라우저마다 다릅니다. 그래서 똑같이 보여주기 위해 css 리셋을 해주는 것이죠. 보통 구글에서 css reset 등의 단어를 치면 소스코드가 나오는데 그걸 복사해서 사용하시면 됩니다. css reset 링크 바로가기 저는 위의 사이트에서 소스코드를 갖고왔습니다. 리셋을 한 후 해야할 건 css도 기본적으로 구조를 잡는 것입니다. 모바일 환경 부터 시작해서 태블릿과 데스크..
한 페이지로 구성된 반응형 웹을 같이 만들어 보겠습니다. html과 css시간에 배웠던 것만으로도 충분히 만들 수 있으니 너무 걱정하지 마시고 도전해보세요! 같이 만들 반응형 웹 페이지 보러가기 PC에서 링크를 클릭해서 들어가셨다면 화면의 너비를 줄였다가 늘여보세요. 화면 크기에 따라 조금씩 바뀌는 것이 느껴지나요? 지금부터 하나씩 만들어보도록 하겠습니다. 필요한 부분마다 이전에 포스팅했던 글의 링크들을 같이 적을 예정입니다. 혹시 기억이 나지 않으면 링크를 클릭해서 글을 보고 다시 돌아와서 진행하시면 될 것 같습니다. 기본파일 구성 및 내용 넣기 우선 파일을 구성해보겠습니다. 우선 폴더를 하나 만들고 그 안에 index.html, css폴더와 css폴더 안에는 main.css 그리고 image 폴더와 ..