자바스크립트 공부를 시작한 지 채 3일이 안되었을 때, 잘은 모르지만 굉장히 좋은 내용이라는 생각이 든 유튜브 채널을 발견하여서 몇 가지 강의를 들어 보았다. 해당 내용들은 나와 같은 입문자들이 짚고넘어가면 좋을 내용들인 것 같다. 가장 먼저, script 파일이 html코드 내에서 적용될 때 어느 시점에서 js파일을 다운로드받고, 어느 시점에서 js파일을 실행할지에 대한 내용을 들었다. 먼저, HTML에서 자바스크립트 코드를 실행시키는 방법은 태그를 이용하는 방법이 있다. 아래와 같이 scipt 태그의 src속성에 js파일을 지정함으로써 해당 내용을 불러올 수 있다. script태그를 어디에 위치시키느냐에 따라, 또는 async와 defer 키워드의 사용 유무에 따라 js파일을 다운로드하고 실행시키는 ..

1. 배열 자바스크립트에서 배열을 볼 때 가장 신기했던 것은 역시, 타입에 관계없이 한 배열 안에 많은 항목들이 들어간다는 것이었다. 애초에 타입을 정하지 않으니 이제는 자연스럽게 받아들여야겠다. const list = [1,'1',{name : 1},true]; 이렇게 숫자, 문자열, 객체, boolean값을 한 배열 안에 모두 넣은 것이다... 아직 자바에서 벗어나지 못해서 그런지 참 기괴해 보인다... 배열과 관련된 수많은 메서드가 있는데, 하나하나 잘 사용할 줄 알아야 좋을 것 같다. 배열에 관한 반복문을 돌리기 위한 구문중 for... of 가있었는데, 잘 사용되지는 않지만 알아두면 해당 코드를 마주했을 때 이해할 수 있을 것이다. for(let target of list){ console.lo..

나는 쭉 공부해오던 자바가 아닌, 자바스크립트로 웹 풀스택 과정을 진행하는 부스트캠프 2020에 합격하였다. 생활코딩 강의를 통해 정말 기본이 되는 내용만 공부했던 나는 좀 더 본격적으로 자바스크립트 공부를 해야 하는 상황에 놓였다. 짧은 기간안에 자바스크립트에 대한 속성 강의가 필요했던 나는 많은 사람들이 추천해준 벨로퍼트님의 자료들을 공부해보기로 했다. 양이 많지 않고, 웹페이지를 통해 쉽게 접근할 수 있기 때문에 공부하기에 좋았던 것 같다. 공부한 내용을 전부 적기에는 시간이 많지 않았기 때문에, 공부 과정 중 새롭게 느껴진 부분이나 헷갈리는 부분에 대해서만 정리를 하려고 한다. 1. 비교연산자 아주 기초적인 문법을 배우면서 자바와 다른점을 느낀 부분은 역시 비교 연산자였다. 자바의 경우 타입이 다..

우연히 빌드와 배포에 관련된 발표를 하는 영상을 보았는데, 내용이 참 좋았다. 평소에 궁금하기도 하고 자주 헷갈리는 부분이었기 때문에 간단하게나마 따로 정리해보게 되었다. 하지만 빌드와 배포 과정을 정리한 것은 아니고 개념위주이다... 자세한 과정은 프로젝트 내용을 정리할때 포함시켜야겠다. (썸네일이 jenkins 와 gcp인 이유는 빌드와 배포라는 주제에 적합한 이미지인 것 같아서이다...) 1. 빌드란? 사실 Maven이라는 빌드툴에 대해 정리하면서 컴파일과 빌드에 대해서는 정리한 적이 있다. 하지만 maven글에 어중간하게 껴있는 느낌이어서 이곳에 다시 간단하게나마 정리해두려고 한다. 컴파일 : 작성한 소스 코드를 바이너리 코드로 변환하는 과정 즉, 소스코드를 컴퓨터가 이해할 수 있는 기계어로 변환..

로또 게임 이후 스터디에서는 사다리 게임을 구현하였다. 이제 코드컨벤션을 지키며 코딩하는 것과 로직마다 테스트 코드를 작성하는 것, 객체지향적 설계를 하는 것에 익숙해진 느낌이었다. 물론, 아무것도 몰랐던 스터디 이전의 나와 비교했을때 말이다. 이번 사다리 게임을 구현하면서 느꼈던, 배웠던 것들에 대해 정리해 보려고 한다. (사다리 게임) 1. 객체를 이용한 2차원 배열 사다리를 구현하기 위한 구상을 하던중, 가장 이슈가 될만한 것은 역시 사다리를 어떠한 데이터 형으로 저장할 것인가 였다. 생각한 것은 역시 2차원 배열이었다. List 의 형태로 만들어서, 한줄 한줄의 정보를 더하여 사다리를 만드는 것이다. 하지만 이와 같은 코드를 이용할 경우 한줄을 의미하는 코드가 어떤 것인지, 전체 사다리의 모습을 ..

웹 개발을 하다보면 REST API 개발에 대해 들어본 적이 있을 것이다. 나 역시 졸업 프로젝트로 웹 사이트를 만들 때 많은 구글링을 했었는데, REST API라는 용어를 자주 보았다. 마침 REST에 대한 좋은 영상을 접하게 되어서, 내용을 정리해보고자 한다. 1. REST란? 개발을 공부하다 보면 참 많은 약어가 등장한다. 개인적으로 이러한 약어를 풀어서 알고있는 것이 생각보다 공부하는데에 큰 도움이 되는 것 같다. REST라는 약어는 REpresentational State Transfer의 약자이다. (표현 상태 전송?.....) 표현 상태 전송이라고 직역한 이 REST는 한마디로 정의하기가 참 모호하다. REST를 더 잘 이해하기 위해서 WEB의 역사를 조금 알 필요가 있었다. 문제는 '어떻게..