3기_파노

3기_파노

우아한테크코스 3기 프론트엔드 파노(전환오)입니다~~!

Seoul
7 posts
프론트엔드 테스트 자동화 해보기. cover image
#test-automation

프론트엔드 테스트 자동화 해보기.

우테코는 프로젝트 중 여름이 막바지에 접어드는 요즘, 우아한테크코스에서는 크루들이 모여 진행하는 프로젝트 기간인 레벨3도 끝나가고 있습니다. 코스는 프로젝트만 하라고 마냥 내버려두는게 아니라 일정기간마다 프로젝트에 적용해야 되는 과제를 내줍니다. …

리눅스 컨테이너에 대해 알아보자 cover image
#lxc

리눅스 컨테이너에 대해 알아보자

2014년, Google이 Docker를 채택해 개발자들의 주목을 끌었습니다. 2021년 현재, 이제 Docker의 존재에 대해서 모르는 사람들이 거의 없을 정도로 보편적인 기술이 되었습니다. Docker는 태초에 LXC라는 컨테이너 기술을 기반으로…

클��로져와 가까워지기 cover image
#closure

클로져와 가까워지기

0. 인트로 클로져를 MDN에서 검색해보면 클로저는 함수와 함수가 선언된 어휘적 환경의 조합이다. 라는 문장이 나옵니다. 무슨 뜻인지 단번에 받아들이기 어렵지 않나요? 솔직히 프로그래밍을 하면서 클로져를 활용해볼 일이 그렇게 자주 있지는 않은 것 같…

Typescript Minimal-Start - 2. 좀 더 나아가기 cover image
#typescript

Typescript Minimal-Start - 2. 좀 더 나아가기

0.Intro 1편에서 타입스크립트의 기본적인 문법에 대해 알아보았습니다. 이번 포스팅에서는 타입스크립트에서 조금 더 심화된 내용을 다뤄봅니다. 시리즈의 컨셉을 따라 개념적 맥락을 파악할 수 있는 수준에서 최소한의 내용을 다룹니다. Table of …

Typescript Minimal-Start - 1.기본 문법 cover image
#typescript

Typescript Minimal-Start - 1.기본 문법

0.Intro 아직 자바스크립트도 잘 못하는데.. 타입스크립트를 자신의 코드에 도입하는데 주저하는 분들이 있습니다. 각자의 이유가 있겠지만 러닝커브에 대한 막연한 두려움이 가장 보편적일 것입니다. 타입스크립트는 자바스크립트를 잘하는 사람들이 사용하는…

React ref 톺아보기 cover image
#react

React ref 톺아보기

0. Intro React로 웹프론트엔드 개발을 하다보면 React만으로는 DOM을 조작하기 어려울 때가 있습니다. 가장 흔하게는 어떤 엘리먼트를 focus 해야 할 때 말이죠. React의 ref는 무엇이고, ref를 사용하는 이유에 대해 이야기해…

다크모드의 의의와 웹환경에서의 구현 cover image
#ui/ux

다크모드의 의의와 웹환경에서의 구현

구글, 애플이 도입한 다크모드 몇 년 전부터 일상 디지털환경에 다크모드란 기능이 자연스럽게 자리 잡았습니다. 정확한 시점을 특정할 수는 없으나 IT대기업들이 다크 모드를 도입하면서 대중들이 해당 개념을 더욱 빨리 받아들였다는 것을 부인하긴 어려울 것…