맨 땅에 프론트엔드 개발자 되기

원시 자료형과 참조 자료형 원시 자료형(Primitive Data Type) 원시 자료형은 객체가 아니면서 동시에 메소드도 가지지 않는 자료형을 말하며, 다음의 자료형을 말한다. string, number, bigint, boolean, undefined, symbol, null 문자열의 경우, 컴퓨터와 더 가까운 언어(low level language)인 C언어의 경우에는 조합형의 자료형으로 취급하지만, 일반적으로는 원시 자료형이라고 한다. 원시 자료형은 배열, 객체와 달리 하나의 데이터만을 가지고 있다. 그리고 값 자체의 변경은 불가능한 immutable 데이터다. 참조 자료형(Reference Data Type) 원시 자료형이 아닌 모든 자료형이 참조 자료형이다. 대표적으로, 배열, 객체, 함수가 ..

객체와 객체 지향 프로그래밍 객체(Object) 객체는 키(Key)와 값(Value)으로 이루어진 정보들의 집합이다. 값에는 데이터가 들어올 수도 있고, 함수가 들어올 수도 있는데, 일반적으로 데이터는 프로퍼티, 함수는 메소드라고 부른다. 자바스크립트에서는 숫자, 문자열, 불리언과 같은 원시 데이터 타입(Primitive Data Type)을 제외하고는 모두 객체라고 볼 수 있다. 함수도 객체다. 객체의 형태 const dog = { name: '흰둥이', family: '말티즈', age: 1, eat: function() { alert('Feed Me!') }, love: function() { alert('Hug Me!') } } 위의 객체에서 객체의 값을 꺼내 쓸 때는 아래와 같이 표현할 수 있다..

REACT 프로젝트 GitHub Pages로 배포하기 1. GitHub 저장소 만들기 우선, GitHub에 repository를 생성해줍니다. 노란색으로 표시한 명령어를 잘 복사해둡니다. 2. 프로젝트에 GitHub 원격 저장소 연동하기 create-react-app 으로 프로젝트를 생성할 경우 자동으로 git init이 되어 버전관리가 되어있지만, 아닐 경우 git init으로 버전관리를 시작해줍니다. 그런 다음, 터미널에 아까 복사해둔 노란색 명령어를 입력 후 엔터를 누르면, 원격 저장소와 프로젝트가 연동됩니다. git remote add origin 원격 저장소 주소 3. GitHub pages로 배포하기 GitHub pages는 gh-pages를 설치해야 사용할 수 있습니다. 설치하기 전에 먼저 ..

카테고리 명령어 내용 git 시작 git init git으로 버전관리 시작 git 복제 git clone https://URL 원격 저장소 소스 코드 복제 (.gitignore에 .env 명시되어 있다면 .env 파일 보존 안됨) git clone 로컬 저장소/ 경로 로컬 저장소 복제 git 추적 git status git으로 관리되는 파일 상태 확인 git add . 전체 파일의 변경사항을 추적 (추적 다음 커밋해야함) git 파일명 해당 파일의 변경사항을 추적 git 커밋 git commit -m '커밋 메세지' 추적된 변경사항 커밋(버전 생성) git log 커밋 로그 확인(생성된 버전 모두 확인) git 브랜치 git branch 브랜치 목록 조회 git branch 브랜치명 브랜치명으로 브랜치 ..

Redux 기본 개념과 작동 방식 Redux 란? 상태 관리 라이브러리로 리액트를 사용할 때 상태를 관리하는 것을 도와주는 라이브러리다. 상태 관리를 왜 해야되는가? 에 대해 생각해보면, 리액트에서는 컴포넌트끼리 상태값을 주고 받을 때 props를 통해 주고 받는데, 자식관계가 딥해질 수록 중간 컴포넌트들에 의미없는 props 내려주기가 반복되고, 자식 컴포넌트들끼리 상태값을 직접 주고 받는 것이 불가능하다. (무조건 부모 컴포넌트를 거쳐야만 가능) 그리하여 상태 관리를 쉽게 도와주는 라이브러리들이 생겨났고, 그중에 가장 많이 쓰이는 상태 관리 라이브러리가 Redux 다. Redux는 공통으로 쓰이는 상태 값을 한 곳에 모아 필요한 곳에 뿌려주는 클라우드 개념이랄까? props로 내려주지 않고, 필요한 ..

개발자가 되기로 결심하고 대략 5개월이 지났다. 처음 두 달은 내가 정말 할 수 있을까? 생각부터 시작해서 생활코딩 보면서 Hello World 찍어보고 국비지원 학원 등록해서 개강일 기다리면서 독학으로 공부하면서 시간을 흘려 보냈던 것 같다. 그러므로 제대로 공부를 시작한 건 한 3개월 된 것 같다. 그동안 정말 많은 것들을 배웠다. 일주일에 하루만 쉬고 6일 동안 아침 9시반부터 저녁 10시, 11시까지 공부를 했다. 그래도 아직 정말 개발자라고 불리기엔 많이 부족한 실력이다. 개발자가 되기 위해 배워야 할 것이 너무 많다... 오랜만에 글을 쓰는 이유는 불안감이 엄습했고 그것을 이겨낸 과정을 기록하기 위해서다. HTML, CSS, JS로 이제 초급 퍼블리셔의 능력 정도는 갖춘 것 같은데, JS도 깊..