코딩기록 : 리코딩(LeeCoding)

코드스테이츠 3 ~ 4주차의 기록 벌써 코드스테이츠 Software Engineering과정을 시작한지도 한달이 넘어가고 있다. 처음 1-2주차는 정말로 힘들었다. 강의만으로는 이해하는 것이 조금 어려웠다. 코플릿을 통해서 차츰 개념을 익혀갔지만, 완벽하게 이해하는 것은 쉬운일이 아니였다. 그리고 코드스테이츠에서 주어지는 과제가 정말 힘들었다. 개발자는 물론 혼자서 일할 수 있다고 생각한다.(근데 진짜 그러면 난 힘들것 같아...) 하지만 개발자는 반드시 크기가 작더라도 팀을 이루어서 일을 하기 때문에 '협업'이 매우 중요하다. 그리고 코드스테이츠에서도 '협업'에 대해서 강조한다. 그렇다면 코드스테이츠에서는 어떻게 '협업'을 위해서 어떤 컨텐츠를 제공하는가? 바로 '페어 프로그램'이다. 페어 프로그램은 ..

오늘은 자바스크립트 매개변수에 대해서 기록해보자. function timeToGoCafe (speed, distance) { // () 소괄호 안에 들어가는 것이 매개변수, 여기서는 speed와 distance let time = distance / speed; return time; } timeToGoCafe(10, 100); // 여기 ()소괄호 안에 들어가는 것을 전달인자(arguments)라고한다. 전달인자가 아름답게 갯수에 맞게 들어간다면 얼마나 좋을까? 그런데 만약에 전달인자의 길이가 유동적이라면? 어떻게 해야할까? 이럴 때는 Rest Parameter를 이용해서 매개변수를 지정해준다. 이 때 매개변수는 배열의 형태로 전달된다. function numbers(...nums) { console...

반복문을 배열과 객체에는 어떻게 사용하는지 기록해보자! 먼저 배열에서 반복문을 어떻게 사용하는지 봅시다아~ let arr = ['apple', 'bee', 'cookie', 'doll'] ; //1번 반복문 for (let i = 0; i < arr.length; i++) { console.log(arr[i]) }; //2번 반복문 for (let el of arr) { console.log(arr[el]) } /* apple bee cookie doll */ 두개의 반복문 다 밑에 있는 주석처럼 하나씩 해당하는 배열의 요소를 뱉어낸다. 1번 반복문 코드는 반복문에서 봐서 쉽게 이해가 되지만 두번째 반복문은 처음보는 형태이다. 두번째 반복문은 for...of을 사용하고 있다. 하지만 결국 두개의 반복문 ..

만약에 해리포터에 대한 자료와 정보를 넣고싶을 때, 어떻게 정리하면 좋을까? 1. 일일이 해당하는 정보들을 선언하고 할당한다. 2. 배열을 만들어서 줄줄이 설명한다. 1번은 너무 귀찮고 정보의 양도 많아지고 보기 힘들 것 같고, 2번의 경우에는 1번보다는 조금 정리가 되있겠지만, 정보를 부를때 각각의 index의 값을 알아야 하기때문에 활용도가 떨어진다. 정보나 자료를 정리할 때 좋은 방법은 객체 인것 같다. 객체는 키(key)와 값(value)이 쌍(property라고 부른다)으로 이루어져 있다. let HarryPotter = { birthday : "1980-07-31", pureBlood : false, job : 'Auror', graduatedSchool : 'Hogwarts', hogwart..

여기서 '탈출'은 공부가 끝나서 자유로운 몸이되어, 굴레와 속박을 벗어나 나의 행복을 찾아가는 그림이라기 보다는 반복문이 하염없이 돌아가면 비싸게 주고 무이자 할부를 때려가면서 산 노트북이 미쳐날뛸수 있으니 어떤 조건을 주어서 탈출을 시켜주자 그런의미다...(이미 코딩에 발을 들인순간 탈출은 없다.) 반복문이 계속 끈임없이 돌다가는 내 노트북도 돌아버릴 수 있으니, 반복문을 빠져나가는 방법을 기록해보자! 반복문을 빠져나오는 방법은 'break'와 일정부분을 건너뛰는 'countinue'가 있다! let i = 0; while (i < 10) { if (i === 5) { break; } i = i + 1; } console.log(i); // 5 코드를 살펴보면, while문을 작성해 주었고, if문에 ..

for... while... 내가 알던 그 의미가 아닌데...? 1에서 10까지 더한다고 생각하면 1+2 해주고 다시 코드써서 이전에 구했던 녀석을 불러서 3을 더해주고... 이렇게 반복적으로 무언가를 해야하는 상황에 부딪힌다. 이때마다 코드를 새로 짜준다면 나는 아마 대머리가 될꺼야!!! 머리아파!! 다행히도 우리에게는 '반복문'이라는 기회가 주어졌다. 기록해보자! 배운 반복문은 'for'과 'while'에 대해서 배웠다. 반복문에는 초기화(begin), 조건식(condition), 증감문(step)이 들어가게 된다. let sum = 1; for (let n = 0; n

배열에도 메서드가 있다... 🤷🏻‍♂️ 일단 남겨 보자! 메서드를 대표적으로 4가지를 배웠고 사용했다. 그 메서드는 pop / push / shift / unshift 이렇게 네가지를 배웠다! (개인적으로 pop 너무 귀엽다... 배열의 맨뒤를 제거해주는데 뭔가 진짜 pop하고 뽑는 느낌이라... 찰떡..) 코드를 통해서 한번 보자! let citys = ["Busan", "London", "LA", "Paris"]; pop과 push먼저 기록해봅시다. 일단 배열하나 선언하고 할당하고..... arr.pop()은 배열의 가장 마지막에 있는 요소를 뽑아낸다. arr.push(el)은 배열의 마지막에 요소를 추가한다. 그럼 코드를 통해 기록해보자. console.log(citys.pop()); // Pari..

순서가 있는 컬렉션을 저장할 때 쓰는 자료구조인 배열에 대해서 기록해봅시다. 먼저 배열을 선언하는 방법을 코드를 통해 살펴봅시다. let arr = []; let animals = ["lion", "hippo", "panda"]; 대괄호를 사용해서 선언 할당을 해주고, 대괄호 안에는 요소를 넣어 주는 것도 가능하다. 그리고 배열요소는 0부터 시작하는 인덱스가 있다. 이게 무슨말이냐? 상식적으로 lion이 첫 번째라고 생각이 들지만, 사실은 인덱스 번호로는 0번이다. let animals = ["lion", "hippo", "panda"]; console.log(animals[0]) // "lion" console.log(animals[1]) // "hippo" console.log(animals[2]) ..

이 카테고리는 앞으로 한주간을 되돌아 보며 기록을 남기는 곳으로 결정! 코드스테이츠를 선택하기 전에는 세상에는 코딩 부트캠프, 코딩 국비지원, 코딩 교육 정말 많은 곳들이 있었다. 선택할 수 있는 폭이 넓어 지면서 점점 고민의 시간은 길어졌다. 생각해보면 내가 사는 지역에는 코딩을 교육받을 수 있는 곳이 한 두군데 밖에 없기 때문에 오프라인 교육은 이미 생각을 접고있었다. 그렇게 계속 온라인 강의를 찾아보는 와중에, IG에서 알 수 없는 킹고리즘에 의해서 '코드스테이츠'를 알게되었다. 알 수 없는 힘(?)에 손가락이 이끌려서 이것 저것 알아보게 되었다. 추천하는 후기들과 추천하지 않는 후기들을 다 살펴보고 고심했다. 그리고 커리큘럼은 '비전공자'인 나에게는 저 세상 단어였기 때문에, 주변에 도움을 구해서..

오늘 배운 CSS를 기록해보자! CSS는 Cascading Style Sheets약자이다. (ㅎ....) CSS는 문서의 콘텐츠와 레이아웃, 글꼴 그리고 시각적 요소들을 꾸며주고 표현하고 등등 이전에 HTML에서 일일이 세부 스타일을 지정해 주던 것을 타파하고 따로 분리해서 만들어진 '스타일 시트 언어'다! CSS에는 중요한 문법이 있다. 바로 '선택자(selector)'이다. 선택자는 HTML의 어떤 tag를 고를 것인가를 규정한는 문법이다. 선택자를 코드를 통해서 기록해보자! html문법으로 작성하고 나서 해당하는 셀럭트를 활용하면 쉽게 웹페이지를 디자인할 수 있다. 그리고 선택자를 잘 활용하는 것이 중요한 과제중에 하나이다. 그렇다면 셀렉터로 html의 요소를 선택하고 나서는 어떻게 활용하는지도 코..