일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | |||||
3 | 4 | 5 | 6 | 7 | 8 | 9 |
10 | 11 | 12 | 13 | 14 | 15 | 16 |
17 | 18 | 19 | 20 | 21 | 22 | 23 |
24 | 25 | 26 | 27 | 28 | 29 | 30 |
31 |
- Instanc
- 상속 (inheritance)
- 다형성 (polymorphism)
- 재귀적으로 생각하기
- align-iitems
- async/await
- string
- 클래스 문법 구조
- props비구조화 할당
- 객체지향 프로그래밍 특징
- flex-direction
- probs.children
- justfiy-content
- align-content
- 조건문
- css 정리
- 추상화 (abstraction)
- 캡슐화 (encapsulation)
- 문자열을 객체로 만드는법
- 참조자료형
- probs
- 재귀함수 탬플릿
- 얕은복사와 깊은 복사
- Promise all
- Math.floor()
- 화살표함수 기본 개념
- class
- 첫번째 미니 프로잭트
- Promise Chaining
- display
- Today
- Total
목록전체 글 (129)
희락코딩

배열 배열array은 여러 개의 값을 순차적으로 나열한 자료구조다. 배열이 가지고 있는 값을 요소(element)라고 부른다. 자바스크립트의 모든 값은 배열의 요소가 될 수 있다. 즉, 원시값은 물론 객체, 함수, 배열 등 자바스크립트에서 값으로 인정하는 모든 것은 배열의 요소가 될 수 있다. 배열의 요소는 배열에서 자신의 위치를 나타내는 0 이상인 정수인 인덱스(index)를 갖는다. 인덱스는 배열의 요소에 접근할 때 사용한다. 대부분의 프로그래밍 언어에서 인덱스는 0 부터 시작한다. 요소에 접근할 때는 대괄호[] 표기법을 사용한다. 대괄호 내에는 접근하고 싶은 요소의 인덱스를 지정한다.배열의 요소의 개수, 즉 배열의 길이를 나타내는 length 프로퍼티를 갖는다. ▶ 배열에서 특정 인덱스의 요소를 조..

개발 공부 15일차 (ES6문법 공부, 배열, 객체) 오늘은 배열과 객체에 대해 공부하였다! 개념적인 부분은 생각보다 쉬웠지만 깊이 공부 할 수록 어려운 개념들도 일부 있었다. 구조분해 할당이라던지, 클래스 객체, 스프레드 문법 등 생소한 개념들도 일부 있었고 이터러블, 뮤터러블, 원시자료, 참조자료형 등 알고 넘어가야할 개념들이 너무 많았다. 아직은 어렵게 느껴지겠지만 콘솔창에 적용하면서 계속 공부하면 익숙해지겠지??...ㅎㅎㅎ 내일은 배열과 객체에 대해 좀 더 집중적으로 공부를 하고 정리하는 시간을 갖도록 해야 겠다. 화이팅! 개발 공부 16일차 (for in / for of 공부, 배열, 객체) 후... 오늘은 밥먹고 잠시 침대에 누웠더니 잠들어 있는 내 자신을 보았다... ㅋㅋㅋㅋ 너무 푹자서 지..

ECMAScript 6 ECMAScript는 ECMA 인터네셔널의 ECMA-262 기술 규격에 정의된 표준화된 스크립트 프로그래밍 언어입니다. ES6의 규격 발행은 2015년이며 계속해서 버전이 업이 되면서 사용자 편의에 맞게 기능들이 개선되고 있습니다. ES6이 들어서면서 Promise, 블록 단위 스코프, 애로 평션, 모듈화 지원, 템플릿, 리터럴, 클래스 등이 추가 및 개선 되었습니다. 그래서 이번 블로깅은 자주 사용하는 기능들에 대해 정리해보겠습니다! let / const → let 과 const는 변수를 선언하는 새로운 키워드 입니다. 옛날에는 var를 사용했는데 최근에는 var보다 const나 let을 많이 씁니다. var를 잘 안쓰는 이유는 let과 const와 다르게 var는 스코프 내부와..

협업에 있어 Git을 많이 활용하며 개발자라면 꼭 알야 할 개념입니다!!! 이번 블로깅은 git을 활용하는 방법에 대해 정리하겠습니다!! #1. 혼자서 작업하기 solo 1. 작업 할 깃헙 브라우저에 들어가서 내 계정으로 포크하기!!! → 작업 할 내용을 가져오기 위해서 해당 깃헙 브라우저에 가야 됩니다! 2. 포크한 내계정에서 클론 URL 받기 → 작업 할 내용을 가져오기 위해서 해당 깃헙 브라우저에 가야 됩니다! CLI 사용해서 3. 저장할 폴더를 생성해 줍니다. → 저같은 경우는 저장할 폴더를 따로 생성해서 하지만 안하셔도 상관 없습니다. $ mkdir git_test // git_test 라는 폴더를 만들었습니다. 4. 생성한 폴더 안에 git clone → 작업 할 내용을 가져오기 위해서 해당 ..

Git이란 무엇일까요 ? 깃은 컴퓨터 파일의 변경사항을 추적하고 여러 사용자들 간에 해당 파일 작업을 조율하기 위한 대표적인 버전 관리 시스템 (vcs)입니다. 깃 명령어에 대해 정리해봅시다! 1. Git 저장소 생성 1. git init ▶ 현재 프로잭트에서 변경사항을 추적(버전관리) 시작 (master 브런치 생성) 이 명령어는 .git이라는 하위 디렉토리를 만들고 저장소에 필요한 파일들이 있습니다. git clone을 사용을 안하고 로컬에서 임의로 폴더와 파일을 만들어서 사용하고 싶을때 사용합니다. $ git init 2. Git 추적, 버전생성, 업로드 2. git add ▶ 변경사항을 추적할 특정 파일을 지정 commit에 변경 사항을 포합니다. $ git add 파일명 // 개별적으로 특정 파..
코딩 초보자, 입문자에게 도움이 될만한 유튜브를 추천하고자 합니다!!! 1. 생활코딩 코딩 입문자라면 한번쯤은 들어 본 채널이라고 생각합니다. 코딩의 정석 혹은 아버지라고 부를 정도로 수많은 코린이들을 양성하는 채널입니다! 저도 이채널에서 코딩을 처음 접했고 코딩에 흥미를 준 채널입니다!! https://www.youtube.com/channel/UCvc8kv-i5fvFTJBFAk6n1SA 생활코딩 일반인에게 프로그래밍을 알려주는 온라인/오프라인 활동 입니다. 채널 공개키 : MIGfMA0GCSqGSIb3DQEBAQUAA4GNADCBiQKBgQDbU/jgeYLWbmUB5pk/wlqMs+2qsOOPgN2ydxOsrWe8JJUXzj5ovsUmjfBSwLjajT6SyO00ulne3zja2PzEZC2wnJCgv..

node.js는 javaScript를 동작하는 환경을 최적한 상태로 돌아가게 하는 하나의 도구입니다. node.js 홈페이지에서 쉽게 다운로드 할 수 있지만 패키지 매니저 처럼 node.js의 버전을 관리 할 수 있도록 nvm으로 node.js를 설치하는 것을 권장합니다! 우선 nvm 공식 문서에 들어갑시다!!! https://github.com/nvm-sh/nvm#install--update-script nvm-sh/nvm Node Version Manager - POSIX-compliant bash script to manage multiple active node.js versions - nvm-sh/nvm github.com 홈페이지에 들어가면 밑에 목차가 보입니다. 여기서 installing a..

우선 NVM, Node.js, NPM, package.json에 대한 용어를 알아 봅시다! NVM NVM 은 Node Version Manager로써 Node.js의 도구이며 여러 Node.js를 설치하여 상황에 따라 버전을 변경해 가면서 사용하는 것을 말한다. 개발 환경에 따라 Node.js의 버전을 변경해야 하는 상황이 한 번쯤은 꼭 온다. ▶ 비유를 하자면 node.js가 연예인이면 nvm은 그의 소속사 메인 매니저라고 생각하면 됩니다! Node.js Node.js 는 서버사이드 자바스크립트이며 구글의 자바스크립트 엔진인 V8을 기반으로 구성된 일종의 소프트웨어 시스템입니다. 이벤트 기반으로 개발이 가능하며 Non-Blocking I/O를 지원하기 때문에 비동기식 프로그래밍이 가능합니다. ▶ 쉽게 ..