dallae_log

안녕 난 달래야🐣

Blog/노마드코더 - 초보자를 위한 바닐라 자바스크립트

주석 본격적으로 들어가기 전에 우리가 여기에 뭘 저장할지 코멘트를 달아봅시다. 주석이라고 하는 것인데 코드에 남길 수 있는 노트 같은 것입니다. 코멘트(주석 처리)되지 않은 모든 코드는 프로그램이 실행시키려고 합니다. 가끔 실행되길 원치 않는 코드가 있습니다. 나중을 위해 미리 해석을 써놓는다거나, 모르는 부분에 설명을 적어놓는 등 나만의 이야기를 메모하고 싶을 때도 있습니다. 예시로 "to do : finish this" 라는 저만의 목표를 메모했습니다. "//"를 사용했어요. 한 줄 처리 주석입니다. "//"는 JavaScript한테 "야 여기에 쓰는건 뭐든 보지마, 알았쥐" 라고 하는 것입니다. 여러 줄에 주석을 주고 싶다면 앞에 /* 넣고 끝에 */ 넣으면 됩니다. 멀티라인 코멘트라고 합니다. 그..

2021. 8. 22.

Blog/노마드코더 - 초보자를 위한 바닐라 자바스크립트

저번 글에서 a를 어떻게 바꾸는지 알아보았습니다. 처음의 a는 221이었지만 지금은 4가 되었습니다. 하지만 이 변수의 값이 변하지 않기를 바랄 때가 있습니다. 프로그래머들은 가끔 변수의 값을 바꿉니다. 에러를 눈치채지 못하거나 만약 1000라인이 넘는 JavaScript 코드를 가지고 있고, info라는 이름의 변수에 let을 사용한다면 여러분은 분명 1000줄 중에서 info라는 변수를 다시 선언하는 일이 생길 것입니다. info를 어떤 값으로 정했는데 이걸 까먹고 나중에 info에 다른 값을 넣어 바꿔버리는 것이죠. 그렇게 되면 문제가 발생했을 때 무슨 일이 일어났는지 알 수 없습니다. 그 긴 코드에서 사막에 바늘찾기 처럼 코드 에러를 찾아야 합니다. 마구 혼란스럽고 일을 때려치고 싶을 것입니다. ..

2021. 8. 22.

Blog/노마드코더 - 초보자를 위한 바닐라 자바스크립트

안녕하세요!👻 오늘 우리가 배울 첫 번째 주제는 바로... 변수. Variables 입니다. 이게 무슨 뜻일까요? 변경되거나 변경될 수 있는 것을 말합니다. 예를 들면 수학으로 한 번 생각해 봅시다. 변수가 뭐라고 생각하나요? 제 생각에 변수는 a가 될 수 있습니다. a는 바뀔 수 있어요. 아무것도 아닌 a에 8을 넣어 줄 것입니다. 그리고 221로 바꿀거예요. 64051015987로도 바꿀 수 있어요. a는 존재하지 않았지만, 변수로 a를 선언해 줌으로써 a에는 값이 생기는 겁니다. 이게 변수라는 겁니다. b는 a - 5라는 변수도 있네요. 계산해 봅시다. b는 어떤 값이 될까요? 우리는 매우 게으릅니다. 왜냐하면 프로그래밍은 게으른 사람을 위한 것이기 때문입니다. 그러니까 그냥 출력을 해봅시다.😛 c..

2021. 8. 22.

Blog/노마드코더 - 초보자를 위한 바닐라 자바스크립트

소개영상에서 빼먹은 게 하나 있는데 아마 많은 사람들이 궁금증을 품고 있는 내용일 거예요. "내가 JavaScript를 배우면 Python도 배울 수 있게 될까?" "JavaScript를 배우면.. Ruby도 배울 수 있을까?" "그 언어들은 각각 얼마나 달라?" 제가 답해주고 싶은 것은 이 글에서 가르쳐주는 대로 JavaScript를 배우게 되면 여러분이 배우는 건 그냥 JavaScript가 아니라는 것입니다. 여러분이 배우는 건 컨셉입니다. 그리고 그 컨셉은 모든 언어에서 일맥상통하죠. Haskell이라든지 조금 힘든 언어들 같은 경우엔 보다 더 많거나 적을 수는 있지만 컨셉은 대충 비슷합니다. Function을 배우고 Variable을 배우고 그 외에 조건들을 배웁니다. 이벤트도 배우고 모든 사람들..

2021. 8. 22.

Blog/노마드코더 - 초보자를 위한 바닐라 자바스크립트

그럼 우리의 첫 번째 연습 프로젝트로 일단 우리가 사용할 툴에 대해 알아봅시다. Visual Studio Code, Atom, Sublime Text 등등 여러분이 원하는 에디터를 선택하기를 바라요. 저는 Repl 이라는 것을 사용 할 겁니다. Repl은 꽤 괜찮습니다. Code Editor 같은 건데 다운로드가 굳이 필요 없거든요. 개인 파일이랑 결과를 여기서 전부 볼 수 있습니다. 당연히 큰 프로젝트를 할때는 VSCode 도 사용하는데 컨셉을 보여준다거나 하는 용도의 작은 프로젝트는 그냥 Ripple만 사용 할 겁니다. 알겠죠? 자, 처음으로 해야하는 건 JavaScript를 어떻게 페이지에 추가하는지 알아야 합니다. 그냥 평범한 HTML를 만들어줄건데 아마 우리 전부는 CSS를 웹사이트에 어떻게 넣..

2021. 8. 22.

Blog/노마드코더 - 초보자를 위한 바닐라 자바스크립트

자, 오늘 우리는 JavaScript가 굉장히 못났다는 걸 실감하게 될 것입니다.😈 왜냐면 이 언어가 오래되었기 때문입니다. 어느 부분에서는요. 그리고 업데이트를 할 수 없는 오래된 것의 경우 임시방편으로 때워야 하는 경우가 있습니다. 예를 들자면 JavaScript를 쓰는 많은 웹사이트들이 있습니다. 그렇지만 그 중 몇은 엄청 오래된 버전의 JavaScript를 쓸거고 우린 그걸 전부 업데이트 해줄 수 없기 때문에 JavaScript를 모던하게, 180도 다르게 바꿔줄 수 없습니다. 만약 그렇게 할 경우엔 엄청나게 많은 인터넷 사이트들이 망가지게 될 것입니다. (엑박❌이 뜨는거죠!) 그리고 우린 그런 일이 일어나길 원치 않고요. 바닐라 자바스크립트는 브라우저를 통해 여러분에게 제공된 JavaScript..

2021. 8. 22.

Blog/노마드코더 - 초보자를 위한 바닐라 자바스크립트

자 이제 JavaScript의 Versions라는 부분으로 넘어가봅시다. 제 생각에 여러분은 ES5, ES6를 들어본 적이 있을 것 같아요. 여러분이 알아야 하는 한 가지는 JavaScript에 ECMAScript라는 것이 있는데요, Specification의 명칭 같은 것입니다. 뭔지 알지요? ES5는 ECMAScript5와 동일합니다. ES6는 ECMAScript6 인 것이고요. 이건 그냥 Specification에 대한 업데이트입니다. 그럼 Specification이 뭘까요? JavaScript 는 꽤나 중앙 집중화 되어 있어서 누군가 업데이트를 하면 모든 브라우저에서 작동을 하게 됩니다. JavaScript는 Specification인데 체계 매뉴얼 같은 것입니다. 안내책자 같은거 말이죠. 이걸 ..

2021. 8. 22.

Blog/노마드코더 - 초보자를 위한 바닐라 자바스크립트

이번 글에선 JavaScript가 얼마나 강력한지 보여주도록 하겠습니다. 첫 번째로는 이 웹사이트입니다. JavaScript를 사용해서 내 위치를 가져올 수 있습니다. 그리고 내 위치의 날씨도 가져올 수 있고 할 일 목록을 저장할 수도 있습니다. 이 페이지를 새로고침하거나 껐다 켜도 사라지지 않고 그대로 있습니다. 멋지죠? 이게 여러분이 JavaScript로 할 수 있는 간단한 것들입니다. 조금 더 신나는 건 뭐가 있을까요🤔 Real time도 만들 수 있습니다. 예를 들자면... 이렇게 신기한 것들을 Real time으로 할 수 있습니다. 즉 실시간 채팅 같은 것입니다. 게임도 만들 수 있습니다. JavaScript로 만들어진 게임의 예시입니다. Impact JS에서 볼 수 있습니다. 이건 개발자들에 ..

2021. 8. 21.

Blog/노마드코더 - 초보자를 위한 바닐라 자바스크립트

좋아요🐥 첫 번째로 질문에 답을 해볼까요? JavaScript는 무엇이냐는 질문입니다. JavaScript는 웹에 쓰이는 하나뿐인 프로그래밍 언어입니다. 하나 뿐이라고 하는 이유는 옵션이 하나 뿐이기 때문입니다. 웹에서 웹사이트를 만들고 싶을 때, 그리고 그 웹사이트를 Interactive하게 만들고 싶을 때 사용할 수 있는 것이 바로 JavaScript 입니다. 만약 여러분이 백엔드 일을 한다면 Python, Ruby, 하스켈, ASP 그리고 Java같이 사용할 수 있는 언어들이 많습니다. 하지만 프론트엔드 일을 한다면 사용할 수 있는 언어는 한 가지 바로 JavaScript입니다. 이것은 프론트엔드의 장점이기도하고 단점이기도합니다. 좋은 이유는 Fragmentation이 없기 때문입니다. 웹사이트를 ..

2021. 8. 21.