분류 전체보기
-
객체 리터럴📓 개발공부노트/JavaScript 2022. 2. 26. 00:34
오늘은 모던자바스크립트 10장의 객체 리터럴에 대해 알아보려고 한다. 먼저 자바스크립트는 객체 기반의 프로그래밍 언어이며 변경이 가능한 값(mutable value)이다. 객체는 프로퍼티(property)로 구성되어 있으며, 속성은 키key와 값value로 구성되어있다. 따라서 이런 모습이다. let class { //프로퍼티 반 : 1, 번호: 2, 이름 : "하늘" }; 이때 프로퍼티 값이 함수일 경우, 함수와 구분하기 위해 메서드method라고 부른다. 프로퍼티의 역할은 객체의 상태를 나타내는 값이며, 메서드의 역할은 프로퍼티를 참조하고 조작할 수 있는 동작이다. 객체를 생성하는 방법 중 가장 일반적이고 간단한 방법은 객체 리터럴을 사용하는 방법이다. // 1. 객체 리터럴은 중괄호 {...}안에 ..
-
데이터타입📓 개발공부노트/JavaScript 2022. 2. 26. 00:33
6장에서는 자바스크립트의 다양한 데이터타입을 소개하고있다. 함께 알아보자! 데이터에는 다음과 같은 타입(종류)가 있다: 숫자타입 - number 문자열 - string 불리언 - true / false undefined null symbol 객체 - 객체, 함수, 배열 항상 헷갈리는 undefined는 var 키워드로 선언된 변수에 암묵적으로 할당되는 값이라고 하는데.. 변수가 정의되지 않았을 때 undefined가 할당되게 된다. null은 값이 없다는 것을 명시할 때 사용되는 값으로 empty object를 가르키는 타입니다. 각각의 타입에 대해 조금 더 깊이있게 알아보자. 숫자 타입 var integer = 10; //정수 var double = 10.11; // 실수 var negative = -..
-
표현식 문📓 개발공부노트/JavaScript 2022. 2. 26. 00:32
이번장은 표현식과 문에 대한 개념을 정리해주었다. 크게 어렵지 않고 용어정리용으로 간단하다. 시작해보자! 값이란? 10 + 20 값이란 표현식 (10 + 20)이 평가(계산)되어 생성된 결과(30)이다. 리터럴? 리터럴은 사람이 이해할 수 있는 문자, 약속된 기호를 사용해 값을 생성하는 표기법이다. 4 자바스크립트에서 위의 '4'는 아라비아 숫자로 표기된 '숫자 리터럴'이다. 리터럴은 다양한 종류의 값을 생성할 수 있다. 정수 리터럴, 부동소수점 리터럴, 2진수, 8진수, 16진수, 문자열, 불리언, null, undefined, 객체, 배열, 함수, 정규표현식 등... 표현식? 값으로 평가될 수 있는 문statement이다. 값으로 평가될 수 있는 문은 모두 '표현식..
-
변수와 상수📓 개발공부노트/JavaScript 2022. 2. 26. 00:31
어제부터 함께 교육과정을 듣는 동료들과 함께 딥다이브 스터디를 진행하기로 했다. 하여 이 어려운 성경 같은 책을 해치워 보려고 한다. 약간의 개념정리식으로? 오늘 알아볼 것은 4장 변수이다. 시작해보자! 변수란? 변수란? 프로그래밍 언어에서 데이터를 관리하기 위한 핵심 개념이다. 아래의 코드를 사람이 보았을 때 10과 20을 '+' 더해야 한 다는 것을 아는 것 처럼, 자바스크립트도 아래의 숫자(리터럴) 그리고 기호(연산자)의 의미를 알고 있으며, 코드를 계산(평가)한다. 10 + 20 사람은 계산과 기억을 모두 뇌에서 한다. 10+20를 인지하고 계산에 대한 값인 30을 기억한다. 하지만 컴퓨터는 계산을 수행하는 부품, 기억을 수행하는 부품이 따로 있다. (인간이라 다행이다) 컴퓨터의 기..
-
Hooks📓 개발공부노트/React 2022. 2. 26. 00:16
오늘은 리액트 hooks에 대해 알아보자 Hooks 는 리액트 16.8버전부터 업데이트된 신기능이라고 할 수 있다. 이전 리액트의 함수형 컴포넌트는 사용할 수 있는 기능이 많지 않았다... 리액트 생명주기를 고려하지 못했다고 한다!! 여기서 리액트 생명주기란? 리액트 컴포넌트가 실행되고(mount / componentDidMount), 사용되고 업데이트되며(componentDidUpdate), 컴포턴트가 언마운트(componentWillUnmount) 되는 과정을 이야기한다. 다시 말해 컴포넌트가 실행되고, 사용되고, 제거되는 것을 의미한다. 다시 hooks로 돌아와보자. 업데이트 되기 전 함수형 컴포넌트는 이렇듯 실행, 사용, 업데이트, 제거가 사용 가능해졌다! hooks를 사용하면 클래스 컴포넌트를 ..
-
-
Emmet 자동완성 문법📓 개발공부노트/FE-이모저모 2022. 2. 2. 10:16
프론트엔드스쿨 1일차에 깃허브 그리고 emmet 문법에 대해 배웠다. Emmet이란? HTML 마크업을 할때 사용되는 자동완성문법이다. 다양한 태그를 빠르게 여러개 생성할 때, 태그 내 클래스명을 한꺼번에 지정해줄 때, 태그 내 텍스트를 넣어줄 때 유용하게 활용할 수 있다. Emmet 기초 ">" 태그 내 태그 생성 원하는 태그 이름을 작성 후 포함(>)하는 문법을 사용한다. ul내 li를 생성할때의 예시는 다음과 같다. ul>li "*" 같은 태그 여러개 생성 원하는 태그 이름을 작성 후 복사(*)하는 문법을 사용한다. ul내 li를 여러개 생성할 때 예시는 다음과 같다. ul>li*4 "*" 같은 태그 여러개 생성 원하는 태그 이름을 작성 후 복사(*)하는 문법을 사용한다. ul내 li를 여러개 생성..
-
Hello Doolgi📓 개발공부노트 2022. 2. 2. 09:33
(다시)시작 멋쟁이사자처럼 프론트엔드 스쿨을 수료한 이 시점, 매일 1일1글을 쓰겠다고 다짐한 나를 돌아보며.. 노션에 매일의 공부 내용을 올렸다가 기본 페이지 수를 초과하여 유료 전환이 하기 싫어졌고, 벨로그는 사용하다 임시저장글만 쌓였다. 티스토리는 개인적으로 디자인도 마음에 들고 하여 여기에 블로기 이사를 하고자 한다. 무엇을 기록할까? 이곳에는 나의 개발 공부의 여정을 기록 할 예정이다. FE둘기를 연재하며 나라는 사람에 대해, 동료들에 대해, 제로베이스인 비전공자의 개발 공부중 겪는 여러가지 사건들을 툰으로 기록한다면 이곳에는 조금 더 진지하게 여러 개발 언어와, 프레임워크, 라이브러리에 대해 이야기 할 예정이다. 물론 진행중인 프로젝트도!! 기록하는 습관 기록하는, 글을 쓰는 습관을 기를 것이..