profile
조급하지 않게, 꾸준히
post-thumbnail

[CSS] Typography

내가 느끼기에 웹이든 앱이든 아무리 디자인이 잘 나왔다고 해도 폰트가 그지같으면 안 예뻐보인다. 그만큼 폰트가 디자인에 차지하는 비중이 엄청 크다고 생각하는 사람 중 한 명이다. 오늘은 Typography에 대해서 공부해보자.(이 글은 김버그의 CSS 강의를 듣고 정리

2022년 7월 1일
·
0개의 댓글
·
post-thumbnail

[CSS] box에 관하여

CSS를 작성할 때 box의 개념이 중요하다. content와 padding, border, margin에 대한 개념을 잘 알아야 하는데, 이것들에 대해 알아보자.이 글은 내가 이해하면서 적은 흐름대로 적은 글이다. 공부한 것을 복기시키려고 작성한 글이기에, 남이 볼

2022년 6월 29일
·
0개의 댓글
·
post-thumbnail

HTML TAG 정리

React를 공부하다가 HTML, CSS가 부족하다는걸 느껴 기초를 제대로 다져보려한다. 역시 뭐든 기초가 튼튼해야한다. 이걸 간과해서 삽질하는 시간이 너무 많다. 결국 기초를 제대로 잡고 싶어서 결국 김버그님의 강의를 듣게 되었다. `` Heading tag라고

2022년 6월 23일
·
0개의 댓글
·
post-thumbnail

CSS 간단 정리

이번에 토이 프로젝트로 크롬 확장 프로그램을 개발해 보면서 CSS로 인해 엄청 골머리 앓아서 이번 기회에 제대로 정리하면서 공부해보려 한다. 사실 잘 알고 있다고 생각했었는데, 막상 직접 해보니 아는 게 아는 것이 아니었다. iOS를 개발할 때는 화면이 작아서 그런지

2022년 6월 23일
·
0개의 댓글
·
post-thumbnail

[React] 크롬 확장 프로그램 만들기

Chrome Developers를 참고하며 만들고 작성한 글입니다. 프로젝트 세팅 리액트 개념을 훑긴 했는데 배운 개념들을 활용해 보기 위해서 간단하게 크롬 확장 프로그램을 만들어보려고 한다. 클론 코딩 말고 리액트로 처음 해보는 나의 아주 작은 프로젝트라서 코드가 조금 지저분 할 수 있지만, 그래도 만들어서 사람들에게 배포해보는 것을 목표로 한다....

2022년 6월 21일
·
0개의 댓글
·
post-thumbnail

Redux 개념 (2)

리액트 프로젝트에서 리덕스를 사용할 때 가장 많이 사용하는 패턴은 프레젠테이셔널 컴포넌트와 컨테이너 컴포넌트를 분리하는 것이다.프레젠테이셔널 컴포넌트상태 관리가 이루어지지 않고, 그저 props를 받아와 화면에 UI를 보여주기만 하는 컴포넌트즉, 오직 View만 담당하

2022년 6월 19일
·
0개의 댓글
·
post-thumbnail

Redux 개념 (1) - 용어 정리

👉 이 글은 리액트를 다루는 기술을 읽고 작성된 글 입니다.Redux는 리액트에서 가장 많이 사용하는 상태 관리 라이브러리이다. MobX, recoil 등등 여러 상태 관리 라이브러리가 있지만, 일단 채용 공고를 볼 때에 제일 많이 보이는 Redux에 대해 공부하며

2022년 6월 19일
·
0개의 댓글
·
post-thumbnail

[Deep Dive] 10장 객체 리터럴

자바스크립트는 객체 기반의 프로그래밍 언어이다. 그렇기에 거의 모든 값들이 객체로 이루어져 있으며, 이 부분은 기본적이기에 잘 알아야 한다는 생각이 들었다.객체의 프로퍼티는 키 key와 값 value로 구성되어 있다.자바스크립트에서 사용할 수 있는 모든 값은 프로퍼티

2022년 5월 9일
·
0개의 댓글
·
post-thumbnail

[Deep Dive] 타입 변환과 단축 변화

9.1 타입 변환이란? 값의 타입은 개발자의 의도에 따라 다른 타입으로 변환할 수 있는데, 개발자가 의도적으로 값의 타입을 변환하는 것을 명시적 타입 변환 explicit coercion 또는 타입 캐스팅 type casting 이라고 한다. 위의 코드를 보면 알

2022년 5월 6일
·
0개의 댓글
·
post-thumbnail

[Deep Dive] 8장 제어문

제어문 control flow statement 은 조건에 따라 코드 블록을 실행하거나 반복할 때 사용한다. 코드는 일반적으로는 순차적으로 실행되지만, 제어문을 사용하면 코드 흐름을 인위적으로 바꿀 수 있게 된다.조건문 conditional statement 은 주어진

2022년 5월 5일
·
0개의 댓글
·
post-thumbnail

[Deep Dive] 7장 연산자

연산자 operator 는 하나 이상의 표현식을 대상으로 산술, 할당, 비교, 논리, 타입, 지수 연산 등을 수행하여 하나의 값을 만든다. 이때 연산의 대상을 피연산자 operand 라 한다.자, 기본적인 용어는 뭔지 알았으니 그럼 지금부터 자바스크립트가 제공하는 다양

2022년 5월 5일
·
0개의 댓글
·
post-thumbnail

[Deep Dive] 6장 데이터 타입

데이터 타입 Data Type 은 값의 종류를 말한다. 자바스크립트뿐만이 아니라 내가 알고 있는 모든 프로그래밍 언어는 데이터 타입을 갖는다. ES6 기준 자바스크립트는 총 7개의 데이터 타입을 제공한다.데이터 타입을 공부할 때에 undefined와 null이 좀 헷갈

2022년 5월 4일
·
0개의 댓글
·
post-thumbnail

[Deep Dive] 5장 표현식과 문

2022년 5월 4일
·
0개의 댓글
·
post-thumbnail

[Deep Dive] 04장 변수

변수(variable)는 어떤 특정 값을 저장하기 위해서 확보한 메모리 공간 자체 또는 그 메모리 공간을 식별하기 위해 붙인 이름을 말한다.프로그래밍을 할 때에 우리들은 어떤 특정 값을 필요로 한다. 우리는 이 특정 값을 추후에 사용하기 위해 저장을 하게 되는데, 메모

2022년 5월 2일
·
0개의 댓글
·
post-thumbnail

JavaScript Deep Dive

모던 자바스크립트 Deep Dive 책을 읽고 JS에 관련해서 깊게 공부하고 정리를 할 예정이다.꾸준히 공부하며 정리하는 것이 목표이며 5~6월 동안 다 읽는 것이 목표이다.혼자 하는 스터디이기 때문에 게을러지지 않고 평일에는 1일 1포스팅을 목표로 한다.

2022년 5월 2일
·
0개의 댓글
·
post-thumbnail

[React] DOM이란?

DOM에 대한 개념이 무엇일까? 예전에 웹 공부를 할 때도 그렇고 지금 다시 리액트를 공부할 때에도 DOM에 대한 개념을 확실히 잡고 가야겠다는 생각이 들었기에 이번 시간에 정리해 보려고 한다.

2022년 2월 10일
·
0개의 댓글
·