전체 글 22

[혼공] 회고라 쓰고 반성문이라 읽는다..

계속되는 서탈과 동기의 취업으로 자존감 박살 나 아무것도 하지 않고 하루를 보내다 " 뭐라도 해보자! " 생각이 들었지만, 막상 의지가 부족해서 미루고 미루다 혼공족을 발견하게 되었다. 처음에 내가 6주 동안 이걸 꾸준히 할 수 있을까...?말재주가 없는데 블로그를 잘 쓸 수 있을까..? 라는 걱정을 많이 했다. 하지만 일단 지르고 보자! 닥치면 하겠지라는 생각에 신청하고 책을 구매하고 블로그를 개설했다. 역시 사람은 닥치면 하게 된다고 하다 보니 " 맞아! 이런 게 있었어! ", " 그래그래! 이거지! " 하면서 목표를 세우고 실천하려고 힘들지만,컴퓨터 앞에 앉아 작성하기 시작했다 그러다 보니 우수혼공족에 뽑히기도 하고 더욱 잘하고 싶다는 생각이 들었다. 선발 안 될 때는 속상했지만 꾸준히 하겠다는 약..

혼공 2024.02.15

[혼공] 혼자 공부하는 자바스크립트 6주차

네.... 막차라고 정신줄까지 같이 놓았습니다... 마무리를 잘해야 하는데 연휴 + 긴장 끝.. 미루고 미루다... 결국 사달이 났습니다.. 명절동안 배 터지게 먹다 +3킬로를 얻고 죄책감은 늘었네요... 매일매일 한다고 했으면서 이번기수에 반성을 하며 다음 혼공족을 신청하여 참회하도록 하겠습니다... 마지막 미션만 불이 나게 하고 반성하는 마음으로 다음 주 안으로 단원 정리하겠습니다...ㅜ 자 가보자~! p.315의 을 실행한 후 출력되는 고양이 이미지 캡쳐하기 p.352 누적 예제를 활용하여 본인의 할 일 목록을 만들어 캡처하기 나는 왜 코드를 보면서 하는데도 오류가 나는 것일까... 처음 배울 때도 투두 리스트 때문에 엄청 애먹었던 적이 있었는데 악몽이 되살아 났다... 끔찍......

[혼공] 혼자 공부하는 자바스크립트 5주차 -3

오늘도 공부를 해보자! Math 객체 - 수학과 관련된 기본적인 연산을 할 때 Math 객체를 사용한다. 랜덤 한 숫자를 생성할 때에는 Math.random() 메서드를 사용하여 생성할 수 있다. 속성 존재 여부 확인 - 객체에 없는 속성에 접근하면 undefined 자료형이 나온다. 따라서 조건문으로 undefined인지 아닌지 확인하며 속성 존재 여부를 확인할 수 있다. 배율 기반의 다중 할당 - 한 번에 여러 개의 변수에 값을 할당하는 다중 할당기능이 있다. [식별자, 식별자, 식별자,...] = 배열 객체 기반의 다중 할당 - 객체 내부네 있는 속성을 꺼내 변수로 할당하여 사용할 수 있다. {속성 이름, 속성이름} = 객체 {식별자 = 속성이름, 식별자= 속성이름} = 객체 배열 전개 연산자 - ..

[혼공] 혼자 공부하는 자바스크립트 5주차 -2

정말 게을러 빠진 나... 마지막만 남았는데 컴퓨터 앞에 앉기 몸이 너무 무겁다... ㅎ 그래도 손가락은 움직일 수 있다! 오늘은 저번시간에 이어 객체에 대해 알아보자! 객체 속성 제거하기 delete 키워드를 사용하여 객체의 속성 변경, 추가, 삭제가 가능하며 다른 객체의 속성에는 영향을 주지 않는다. delete 객체. 속성 객체는 크게 기본자료형, 객체 자료형으로 구분할 수 있다. 객체 자료형 - 속성과 메소드를 가질 수 있는 모든 것을 객체라 한다. 배열과 함수도 객체라 할 수 있으며 Array도 메서드를 갖고 있으니 객체이다. (Array = '객체 리터럴' 처럼 변수에 데이터 값을 필요한 대로 저장할 수 있으며, 데이터 값을 '이름:값'으로 저장하는 반면 배배열은 저장된 값에 자동으로 inde..

[혼공] 혼자 공부하는 자바스크립트 5주차 -1

5주 차가 되니깐 의무감이 들면서도 한편으로는 에이 이번주는 조금 쉬 엄하자 라는 생각이 생기는 거 같다.... 나약한 나...ㅜ 아무것도 안하는데 왜 이리 바쁜 것인가.... ㅎ 매일 공부하자는 목표가 점점 바뀐다... ㅜ 4주 차부터 어려운 단원인데 솔직히 한 번 하고 이해가 됐다면 난 천재다...ㅎ 진짜 이해했다가도 뒤돌면 생각 안 나고,,, 진짜 어렵긴 하다...ㅋㅋㅋㅋ 이번주의 시작이 늦었지만 늦은만큼 부지런히 하자! 이번주는 객체에 대해 알아보려고 한다. 저번주의 함수를 다뤘는데 함수는 사용자 정의 함수와 내장 함수가 있었다. 객체는 '이름:값' 의 쌍으로 이루어 있으며 속성이라 말한다. 배열 또한 객체라 할 수 있다. 객체도 두가지로 분류할 수 있다. 객체의 분류 사용자 정의 객체 - 객체 ..

[혼공] 혼자 공부하는 자바스크립트 4주차 -5

오늘은 즉시 호출 함수와 엄격모드에 대해 알아보자! 즉시 호출 함수란? 필요에 따라 일회성으로 사용되는 함수로 함수 선언과 동시에 곧바로 함수를 호출한다. 선언과 동시에 함수가 실행되며 함수명 함수명이 없기에 재호출을 할 수 없다. (function () { 자바스크립트 코드; } (); 변수가 존재하는 범위를 스코프라 한다. 단계가 있을 경우 충돌이 일어나며 스코프 단계를 변경하는 방법은 중괄호를 사용해 블록을 만들거나, 함수를 생성해서 블록을 만들어야 한다. 블록이 다른 경우 내부 변수가 외부 변수를 가리는 현상을 섀도잉이라 한다. 엄격모드란? use strict라는 문자열을 사용하여 일어드린 순간부터 코드를 엄격하게 검사하는 것이다. ' use strict ' 문장 문장 엄격모드는 변수 let 키워..

[혼공] 혼자 공부하는 자바스크립트 4주차 - 4

오늘은 화살표 함수와 타이머 함수에 대해 알아보려고 한다. 화살표 함수란? ECMAScript 2015에 추가된 내용으로 '=>'을 이용하여 함수를 간결하게 표현할 때 사용한다. 항상 익명 함수 형식으로 표현하며, 단일 명령문일 경우에는 함수의 중괄호{} return을 생략할 수 있다. filter() 메서드는 배열을 리턴하여 map() 메서드를 적용할 수 있다. map() 메서드 또한 배열을 리턴하므로 forEach() 메서드를 적용할 수 있다. 이렇게 메서드가 리턴하는 값을 기반으로 함수를 줄줄이 사용하는 것을 메서드 체이닝이라 한다. 타이머 함수란? 특정 시간마다, 특정 시간 이후에 콜백 함수를 호출할 수 있는 함수다. 함수 이름 설명 setTimeout(함수,시간) 특정 시간 후에 함수를 한번 호..

[혼공] 혼자 공부하는 자바스크립트 4주차 -3

오늘은 콜백함수에 대해 알아보려고 한다! 콜백함수란? 매개변수로 함수 객체를 전달해서 호출 함수 내에서 매개변수 함수를 실행하는 것이다. forEach() = 콜백함수를 활용하는 가장 기본적인 함수로 배열이 갖고 있는 함수로써 단순하게 배열 내부의 요소를 사용해서 콜백 함수를 호출해 준다. map() = map() 함수도 배열이 갖고있는 함수로 콜백함수에서 리턴한 값들을 기반으로 새로운 배열을 만드는 함수다. filter() = 배열이 갖고 있는 함수로 콜백 함수에서 리턴하는 값이 true인 것들만 모아 새로운 배열을 만드는 함수이다. 오늘은 간단하게 콜백함수에 대해 알아보았다. 예제를 보고하지만 너무 어려운 거 같다.... 역시 복습만이 살길...ㅜ 휴 오늘도 공부 성공...~!

[혼공] 혼자 공부하는 자바스크립트 4주차 -2

날씨가 너무 급격하게 추워진 거 같다. 이러다 또 감기 걸리는 거 아닐까.... 걱정이 된다. 하지만 오늘도 공부를 하지! 오늘은 매개변수와 리턴값, 나머지 매개변수에 대해 알아보도록 하려 한다. 매개변수 - 함수를 호출할 때 전달하는 변수를 말한다. 함수를 호출할 때 a데이터1 은 1 매개변수 1에 저장되고 b데이터 2는 2 매개변수 2에 저장되고 c데이터는 3 매개변수 3에 저장이 된다. function 함수명 (매개변수1 , 매개변수 2, 매개변수 3 ,...){ 자바스크립트 코드; } 함수명(데이터 1, 데이터 2, 데이터 3,...) --> 글로보면 어려우니 쉽게 같은 색을 저장한다. return (리턴) - 함수를 통해 처리된 결괏값을 반환할 때 사용하며, 반복문의 break문과 비슷하게 코드..

[혼공] 혼자 공부하는 자바스크립트 4주차 -1

벌써 공부한 지 4주 차다 꾸준히 공부할 줄은 몰랐는데 새삼 놀라운 거 같다. 앞으로 남은 기간 동안 이론 탄탄히 다지고 조금 더 성실히 공부하자! 오늘은 함수에 대해 알아보도록 하겠다. 함수에는 두가지 분류로 나눌 수 있다. 함수란? 분류 종류 설명 사용자 정의 함수 - 선언적 함수 - 익명 함수 프로그램에서 필요한 기능을 사용자가 직접 정의해서 사용하는 함수. 내장 함수 - 인코딩, 디코딩 함수 - 숫자 판별 함수 - 유/무 값 판별 함수 - 숫자변환 함수 - 문자 변환 함수 - 자바스크립트 코드 변경 함수 프로그램 개발에서 자주 사용되는 기능들을 자바스크립트 냐부적으로 제공해주는 함수 -> 프로그램에서 반복적으로 사용되는 기능을 만들어 내기 위한 코드들의 집합이다. 앞에서 데이터를 저장할 때 변수를..