백고등어 개발 블로그

오늘 한 일 자료구조 종류중 연결 리스트와 해쉬 테이블을 학습하고 구현했다(사실 하는중이다.) 연결 리스트의 구조를 사용하여 효율적인 배열을 구현할 수 있다고 하여서 잘 사용할 수 있도록 관련 개념들을 추가적으로 학습했다 해쉬 테이블은..... 조금만 더 이해를 하고 구현할 수 있도록 해야겠다.... 살려줘요

오늘 한 일 자료구조 종류중 스택과 큐에 관해서 학습했다. 스택은 LIFO 동작을 가지는 후입선출 구조이며 배열에서 요소를 push 하고 pop 하는 형태와 비슷하다(스택을 실생활에서 예를 들면 곽티슈, 접시를 쌓는 행동 등) 큐는 FIFO 동작을 가지는 선입선출 구조이며 배열에서 요소를 push 하고 shift 하는 형태와 비슷하다(큐를 실생활에서 예를 들면 식당 대기줄, 고속도로 톨게이트 등) 기존의 배열을 사용하지 않고 객체만 이용해서 스택과 큐를 구현하면서 유사 배열 객체를 직접만드는 느낌을 받았다. 데이터를 저장하는 방식에 대해서 다루고있는 자료구조의 중요성을 시간복잡도와 연관시켜서 좀더 자세히 알아봐야할 것 같다.

오늘 한 일 프리코스에서 진행한 HA 를 리팩토링 했다 ESlint 를 실제로 적용해서 사용해보았다. (잘 알아두면 매우 유용하게 쓰일 것 같다) 새롭게 배운 ES6 문법을 통해 HA 코드 리팩토링을 진행했다. (ES6 문법에 좀더 익숙해져야겠다)

오늘 한 일 call, apply, bind 함수 메서드를 복습과 ES6 문법인 화살표 함수와 구조 분해 할당을 학습했다. 화살표 함수와 구조 분해 할당을 사용해서 코드를 좀더 간결하게 작성할 수 있는 방법을 알게 됐다. 주의할 점은 화살표 함수안에서의 this 동작은 일반 함수안에서의 this 동작과 다르게 동작한다 화살표 함수와 구조 분해 할당 등과 같은 자바스크립트의 최신 문법에 많이 익숙해져야겠다.

오늘 한 일 Node.JS 의 간단한 개념과 Node.JS 와 관련된 도구들에 대해서 학습했다. Node.JS 란? Node.js는 구글 크롬의 JavaScript 엔진(V8 Engine)으로 빌드 된 JavaScript 런타임이다. Node.js 는 자바스크립트를 크롬같은 브라우저에서만 쓰는 것이 아닌 브라우저 밖. 즉, 내 컴퓨터에서 다양한 용도로 확장하기 위해 만들어졌다. 런타임이란? "어떤 프로그래밍 언어가 동작할 수 있는 프로그램"을 뜻한다. NPM 이란? 자바스크립트 패키지 관리자를 뜻하며, 프로젝트에서 필요한 모듈을 다운로드할 수 있는 모듈 모음집이다. npm 에 업로드된 모듈을 패키지라고 한다. NVM 이란? node 버전 관리자를 뜻하며, 주로 협업할 때 또는 다양한 프로젝트를 동시에 진..

오늘 한 일 코드 스테이츠 twittler 스프린트 관제를 진행했다. JS를 통해 DOM 조작과 로컬 스토리지를 다루었다 추가로 moment.js 라이브러리를 사용하여 comment 작성 시간을 표현하였다

오늘 한 일 Javascript 과 DOM을 통한 HTML 조작에 관해서 학습했다. JS + DOM 을 통해 HTML의 요소에 접근할 수 있고, 요소(노드)를 추가, 삭제하거나 기존의 요소(노드)에 자식 요소(노드)를 추가하거나 삭제할 수 있다 DOM 노드의 생성, 수정, 삭제 자바스크립트를 사용하면 DOM 의 모든 노드들을 생성, 수정, 삭제, 복사, 이동 할 수 있습니다. DOM 노드를 제어하는데 필요한 모든 속성과 메서드를 제공하기 때문에 메서드와 속성의 갯수가 많기 whitemackerel.tistory.com 노드란? 노드란 무엇인가? 노드란 네트워크에서 특정 지점을 가리키는 말입니다. 그림을 보면 좀 이해가 가실 것입니다. DOM에서도 비슷합니다. 문서는 곧 노드의 집합이고 문서라는 나무 위에..

오늘 한 일 DOM 에 관해서 학습했다. DOM은 넓은 의미로 웹 브라우저가 HTML 페이지를 인식하는 방식을 의미한다. DOM은 조금 좁은 의미로 본다면 document 객체와 관련된 객체의 집합을 의미할 수도 있다. DOM은 문서 객체 모델이며 Document Object Model의 약자로, HTML에 접근하여 Object처럼 HTML을 조작할 수 있는 Model이라는 의미를 가지고 있다. DOM 의 문서 객체는 무엇일까? 문서 객체란 이나 같은 html 문서의 태그들을 javascript 가 이용할 수 있는 객체로 만들면 그것을 문서 객체라고 한다. 그럼 여기서 얘기하는 Model은 무슨 뜻일까? 문서 객체를 "인식하는 방식"이라고 해석할 수 있다. DOM 과 Javascript 의 차이 페이지 ..

오늘 한 일 HTML 과 CSS 에 관해서 학습했다 HTML 이란? HyperText Markup Language 의 약자 웹 페이지의 틀을 만드는 마크업 언어 마크업 언어란? 마크업 언어는 태그 등을 이용하여 문서나 데이터의 구조를 명기하는 언어의 한 가지이다. 즉, 문서의 구조를 표현하는 역할을 하는 언어이다. CSS 란? Cascading Style Sheets 의 약자 HTML 같은 문서의 스타일을 꾸밀 때 사용하는 스타일 시트 언어이다. css 를 적용하는 세 가지 방법 속성처럼 style 적용 style tag 를 사용 css 파일을 별도로 만들어 html 문서에 link tag 로 연결 CSS Selector 사용 html 문서 태그의 속성이 id 또는 class 일 때 사용법이 다릅니다. ..

오늘 한 일 자바스크립트 테스트 프레임워크를 사용하여 유닛 테스트에 대해서 학습했다 유닛 테스트를 공부하면서 조건문을 꼼꼼하게 쓰는 방법과 다양한 테스트 케이스들에 대해서 알 수 있었다 자바스크립트 원시 타입과 참조 타입에 관한 문제를 풀면서 아는 것과 모르는 것을 정리할 수 있었다 원시 타입 : number, string, boolean, null, defined, symbol 등 원시 타입은 변수에 값이 복사되어 다른 변수에 저장되는 것을 의미한다. 참조 타입 : Array, Object, Function 등 참조 타입 데이터는 크기가 정해져 있지 않고 변수에 할당될 때 값이 직접 해당 변수에 저장될 수 없으며, 변수에는 데이터에 대한 참조만 저장된다 참조는 참조 타입 데이터의 주소이지 해당 데이터의..