profile
어제보다 성장하자!
post-thumbnail

Why React?

리액트란 사용자 인터페이스(UI)를 구축하기 위한 선언적이고 효율적이며 유연한 Javascript 라이브러리이다.'선언적'이라는 것은 의미는 화면에 "무엇"이 나타나야 하는지에 대한 목표를 명시하는 것을 말한다. (<-> 명령형 : "어떻게" 나타나야 하는지에 대

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

효율적인 개발과 협업을 위한 git & git flow

개발자에게 git과 github는 숙명같은 존재이다.git으로 파일을 추적, 관리하고 github로 협업을 위한 환경을 조성할 수 있기 때문이다.쉽게 말해 git이 프로젝트의 버전관리 시스템이라면, github은 이의 웹호스팅 시스템이라 볼 수 있다.git의 간단한 기

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

DOM & Virtual DOM

DOM은 Document Object Model, 문서 객체 모델이라고 부르며 HTML 문서에 접근하기 위한 일종의 인터페이스라고 할 수 있다.문서 객체란 HTML 문서의 태그를 JS가 이용할 수 있는 객체(object)로 만든 것을 말한다.즉, DOM이란 브라우저가

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

JWT (Json Web Token)

JWT란?

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

SSR vs CSR (feat. Next.js)

🍩 SSR 서버 사이드 렌더링 (Server Side Rendering)의 줄임말로서, 리액트 공부할 때 간간히 나와 나를 괴롭히던 친구다. SSR은 간단히 말해서 서버에서 렌더링 준비를 끝낸 후 클라이언트에 전달하는 방식을 말한다. 다음과 같은 순서로 렌더링이 진행

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

Webpack, 그리고 CRA

웹팩 이미지 🔦 웹팩 (Webpack) 웹팩이란, 자바스크립트의 모듈 번들러로써 여러개로 나눠진 파일을 하나의 JS 코드로 압축 및 최적화하는 오픈소스 라이브러리이다. 웹팩이 필요해진 이유는 웹의 규모가 커짐에 따라 파일들관의 관계가 복잡하고 무거워져 브라우저 로딩

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

[회고] 기업협업 : 스톡폴리오

🌱 회사 소개 스톡폴리오(Stockfolio)는 크리에이터에게 공정하고 편리한 환경을 제공하는 스타트업이다. 누구나 손쉽게 크리에이팅할 수 있도록 돕고, 현재는 ‘영상 콘텐츠 제작의 간소화’ 를 진행하고 있다. 영상 클라우드, 스톡 영상 제공, 편집자 매칭, 영상인의

2022년 6월 7일
·
2개의 댓글
·
post-thumbnail

[회고] 2차 프로젝트 : 브런치? 아니죠~ 아점? 맞습니다.

2차 프로젝트는 브런치 사이트의 디자인과 기획을 참고하여 개발을 진행했다.브런치는 누구나 작가가 될 수 있다는 컨셉으로 자유롭게 글을 남길 수 있는 사이트다. 실제로 출판 기회를 제공해 다양한 분야의 작가를 육성하고 있다. 독특한 점은, 카카오가 인수하면서 카카오톡 로

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

[회고] 어떤 개발자가 되고 싶나요? - Kukka 클론 프로젝트 회고 (2)

지난번은 진행했던 프로젝트에 대해 전체적으로 소개하는 회고록이었다면, 이번 회고는 내가 이 프로젝트를 진행시 맡았던 역할 및 배운점, 잘한점과 협업에 대한 나의 고찰, 어떤 개발자가 되고 싶은지에 대해 심도깊게 인터뷰 형식으로 적어나가 보고자 한다.저는

2022년 4월 12일
·
3개의 댓글
·
post-thumbnail

[회고] 꾸꾸까까~? Kukka 클론 프로젝트 회고 (1)

*해당 클론 프로젝트의 경우 이미 있는 코드를 베낀 것이 아닌, DB 모델링 설계부터 중심 기능 구현까지 팀원들과 소통하며 직접 코드를 짠 프로젝트임을 밝힙니다.꾸까를 선택한 이유는 처음 홈페이지에 접속했을 때 느낀 '깔끔하다'는 인상 때문이었다.군더더기 없는 화면이

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

MySQL : 기본 쿼리문과 JOIN문

1. MySQL이란? 화면과 만나던 프론트단을 지나 드디어 서버와 데이터베이스를 다루는 백엔드단에 접어들게 되었다. 그 중 DB를 만들고, 데이터를 조회, 수정, 삭제 등을 할 수 있는 mysql 툴에 대해 알아보고자 한다. mysql은 아주 널리 쓰이고 있는 RDBM

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

Node.js : node express로 서버 개설하기

1. 비슷한듯 다른 UI와 API UI(User Interface)는 사용자 인터페이스이다. 사용자와 사물(혹은 시스템) 사이에서 의사소통할 수 있도록 만들어진 매개체이다. 이 UI가 존재함으로써 사용자는 컴퓨터(사물)와 상호 작용할 수 있게 되는 것이다. UI에는 그

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

Javascript : 동기 비동기 개념과 예시

프로그래밍에 입문하면서 종종 들어왔지만, 애써 모른척 해왔던 개념이다.왜냐면 너무 어렵게 다가왔기 때문이다.솔직히 말하자면 개념자체가 어려운 것이 아닌, 단어가 어렵다고 생각한다.동기는 synchronous: '동시에 일어나는'의 의미를, 비동기는 Asynchronou

2022년 3월 12일
·
2개의 댓글
·
post-thumbnail

HTML/CSS/Javascript의 콜라보레이션

웹 프론트엔드를 처음 배울 때는 HTML, CSS를 같이 배우고, Javascipt를 따로 공부하다가 어느 시점이 되면 그 셋을 연결하는 방법에 대해 배우게 된다. 오늘은 그 하모니(Harmony)에 대해 이야기해 보고자 한다. 1. What is HTML, CSS,

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

Javascript : 뽀모도로 타이머 만들기 (1)

우리는 시간이 곧 재산인 시대에 살고있다. 시간을 얼마나 효율적으로, 그리고 생산적으로 쓰느냐에 따라 능력을 인정 받는다. 여기, 구글 타이머로 유명한 시계가 있다. 구글의 수석디자이너가 생산성 향상을 위해 꼭 필요하다는 시계로, 사실 어느

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

HTML/CSS : CSS를 이용한 HTML 레이아웃

CSS의 꽃이라 할 수 있는 레이아웃 속성 기초에 대해 알아보자! 1. box-model html 문서의 요소들은 기본적으로 박스 형태로 정의된다고 볼 수 있다. 쉽게 생각하면 웹페이지 레이아웃이란, 이런 박스를 상하좌우로 적절하게 배치하는 것을 말한다.

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

Javascript : Semantic web & tags

일단 semantic의 사전적인 정의는 '의미론의'라는 뜻을 갖는다.따라서 semantic web은 컴퓨터가 이해할 수 있는, '의미가 담긴' 웹을 말한다.웹서비스가 발전함에 따라 동적인 요소가 가미된 웹 2.0이 나타났고, 닷컴버블이 일어났을 정도로 비약적인 성장을

2022년 2월 16일
·
6개의 댓글
·
post-thumbnail

Javascript : 호이스팅(Hoisting)

짤에서 세대 드러난다..동년배 여러분들.. 호이 호이 둘리는\~~ ?내가 이런 헛소리를 하는 이유는 '호이스팅'이라는 단어에 겁먹지 않도록 하기 위함이다!일단, hoist라는 영단어의 뜻을 알아보자.hoist 미국∙영국 hɔɪst : (흔히 밧줄이나 장비를 이용하여)

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

Javascript : 효율적인 반복문

앞서 반복문 글에 오류를 범해 다시 반복문을 자세히 공부하다보니 새롭게 알게된 내용들이 있어 공유하고자 글을 쓴다. 왜 증감문에 곱셈이나 나눗셈같은 연산을 넣기보다 i++나 i--를 넣고, 실행문에 해당 연산을 넣는지 그리고 그것이 왜 더 효율적인지에 대해 말해보고자

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

Javascript : 객체 속성 접근법 - Dot Notation / Bracket Notation

javascript에서 객체란, 속성과 타입을 가진 독립적인 개체(Entity)다.사람이라는 개체가 이름, 나이, 키, 직업 등의 속성을 갖는 것처럼 객체 역시 특징을 결정짓는 속성을 가진다.객체는 다음과 같이 중괄호 {}안에 속성(key) : 속성값(value)을 포

2022년 1월 27일
·
5개의 댓글
·