나보단 잘하자

배열과 객체는 헷갈린다. 둘 다 어떻게 보면 배열이기 때문이다. 배열(array) 원하는 요소들을 순서대로 배열 안에 넣은 모양. let arr = ['asian', 'lion', 'rose']; 배열 내 요소를 찾기 위해선 인덱스(index)가 필요하다. 우리가 중고등학교때 각자의 번호가 있던 것 처럼, 배열 내 요소는 고유 번호가 존재한다. 간과하지 말아야 할 점은 첫번째 요소가 1이 아닌 0이라는 것. 그렇기에, lion을 찾아야 한다면 아래와 같이 적는다. let arr = ['asian', 'lion', 'rose']; console.log('arr[1]', arr[1]);//arr[1] lion console.log(arr[1])//animal 두번째 줄의 console.log('arr[1]'..

명령 프롬프트(cmd)를 관리자 권한으로 열거나, PowerShell(모든 윈도우 사용자에 설치 돼 있습니다.) 관리자 모드를 실행시킵니다. 둘 다 설치는 가능하지만, PowerShell 사용이 더 안정적이라 합니다. 참고로 영어로 shell이라고 부르더군요...구글링할때 참고 하세요! Chocolatey 설치하기 우선, 자바스크립트 패키지 매니저를 설치하기 위해 윈도우 이용자는 Chocolatey를 설치합니다. 패키지 매니저는, 패키지의 설치, 업데이트, 수정, 삭제등의 작업을 쉽게 다룰 수 있게 도와줍니다. https://chocolatey.org/install Installing Chocolatey Chocolatey is software management automation for Windows..

CSS display속성 중 하나인 Flex는 말 그대로 유연하게 요소들을 배치시키도록 도와준다. display block이나 inline같은 경우는 위, 아래, 간격, 화면이 작아지면 어떤 상태로 배치될지 등을 개발자가 일일이 다 계산하고 맞춰보아야 한다. 그러나 flex는 자동으로 간격을 조정해주고 정렬해주는 등 복잡하게 했던 일들을 손쉽게 하도록 해준다. 아 당연히, 여태 이용했던걸로도 가능하다. 그렇지만 시간이 생명인 개발자들에게 좀 더 효율적이고 간편한 개발을 가능하게 해준다. 이전에 이용했던 float을 기억하는가? 사실 float의 애초의 목적은 글과 사진의 배치를 위한 것 이었다. 이는 오늘날 다양한 위치 조절을 위해 본래의 목적과 다른 역할을 부여받게 됐고... flex가 생기면서 flo..

사실 아직도 정확히 모르겠는 함수의 존재....할것도 많고 배울것도 상당하다. 1. 함수선언식(Function Declaration) 함수를 처음 배울 때 알려주는 바로 그 함수의 형식이다. function 함수명(){ 구현 로직 } function decFunc{ return 'Hello'; } decFunc();//호출 2. 함수표현식(Function Expression) 함수 표현식은 조금 다른 형태다. let expFunc = function imExpFunc(){//기명함수이며 익명함수는 function(){}처럼 함수명을 빼버린다. return 'Hello'; }; expFunc();//선언해둔 변수명 옆에 괄호를 붙여 함수임을 알게 한다. 함수도 하나의 값, 변수가 될 수 있다는 자바스크립트..