velog.io

React SSR 스타일링에 개고생하는 이유

Next.js 같은 SSR 지원 가능한 프레임워크를 쓰면서 가장 고생하는 게 바로 스타일링일 것이다.물론 쌩으로 쓰는 건 지장 없는데 Styled components, emotion 등 스타일링을 리액트답게 체계적으로 관리할 수 있는 라이브러리를 사용할 경우 말이다.

dracure

velog.io

Promise 및 (Micro)Task 등의 비동기는 만능이 아니다

오늘은 프론트엔드 초보들이 주로 실수하는 패턴을 통해 왜 비동기에서 이렇게 하면 안되는지 설명하는 시간을 갖도록 하겠다.
길게 설명하기 귀찮으니 자세히 알고싶으면 용어를 검색해서 찾아서 배우도록.

dracure

velog.io

아일랜드 아키텍쳐

Astro 2.0이 출시되었지만 한국에서는 뭐 언제나 그랬듯이 뻔하게 관심이 그다지... 없는 참 삭막한 프론트엔드 분위기라고 하고 싶지만 그러면 니네들 기분 상할 테니 이미 말해버렸지만 할수없지 에라 모르겠다.

dracure

velog.io

JS Console의 세계

보통 우린 뭔가 자바스크립트 실행 상황을 알고싶을때, console.log 메소드를 실행하고 있다. 어자피 브라우저에서 어떤 객체를 넣든 객체 상황에 맞게 예쁘게 출력해주기 때문에 별 탈은 없다.

dracure

velog.io

Spring Controller의 세계

오늘은 스프링 컨트롤러의 다양한 구현 방법을 소개하고자 한다.
초보들이 많이들 혼란스러워 하는게 바로 반환 타입이 한정적이 아닌 너무 자유로워서 뭘 쓰는지 해매는 개발자들이 많은데, 특히 국비 너네들. 특히 너네들 보라고 만든 글이니 감사히 읽도록.

dracure

velog.io

SSR은 풀스택이 아니다 개정판

내가 예전에 썼던 SSR은 풀스택이 아니다를 아예 갈아엎고 다시 쓴 판이라 보면 된다. 그때당시엔 맨탈 나간 상태로 썼기 때문에 어수선해서 정리 좀 해봤다. 어때 나 잘했찌? 찡긋.

dracure

velog.io

react와 vue 시장 차이

시장에서 react를 왜 선호하는지, 왜 vue를 선호하는지 차이점을 알려주도록 하겠다 아쎄이! jqeury 를 들었다면 희망을 버려라 아쎄이! 라이라이차차차.js

dracure

velog.io

브라우저 대용량 파일 1 - 한줄씩 읽기

이제 브라우저에서 대용량 텍스트나 파일을 읽을 수 있다! 게다가 여러분도 쉽게 따라할 수 있다! 아주 좋다! 따라와라! node.js 스트림 해봤다면 안 봐도 비디오인 이 강좌를!

dracure

velog.io

Vue: Suspense 컴포넌트

리액트 아니다. 뷰의 다. 뭐? 리액트 따라한 거 아니냐고? 맞다. 이건 부정할 수 없는 사실이다. 하지만 리액트 개발자들아 한가지만 기억하라. 리액트가 함수형 컴포넌트로 전환한 게 뷰의 영향이 컸다는 사실을.

dracure

velog.io

스벨트 조지기

실무에 SvelteKit 조지면서 꼼수부리는 팁을 공유한다.닥치고 내말 듣고 따라해봐라.

dracure

medium.com

크립토 지갑이란 무엇인가

지갑과 디지털 지갑, 크립토(암호화폐) 지갑의 차이. 크립토 지갑과 권한 행사. 시드 문구, 공개 주소와 개인키(비밀키). 크립토 지갑 사용 사례.

dracure

tistory.com

컴포지트 패턴(Composite Pattern) 간단히 살펴보기

Composite Pattern 컴포짓 패턴 그룹 전체와 개별 객체를 동일하게 처리할 수 있는 패턴 클라이언트 입장에서 ‘전체’나 ‘부분’이나 모두 동일한 컴포넌트로 인식할 수 있는 계층을 만든다. (Part-Whole Hierarchy) 예를들어, 가방에 물건(아이템)이 5가지 존재한다고 생각해보자. 물 립밤 향수 노트북 안경 물건들은 각각 쓰임새는 다르

dracure

tistory.com

Git commit message 관리

Git commit message 관리 (with. rebase) git을 작업 이력을 저장하는 용도로만 사용하다보니 commit 이력이 지저분해지기 시작했고 코드리뷰가 어려워지기 시작했다. 또한, 특정 시점으로 코드를 rollback 하려고 했더니… 내가 원하던 시점을 도무지 찾을 수가 없었다. 아, 그리고 하나 더 말하자면 release 배포 후 rel

dracure

tistory.com

Go언어 Golines을 사용해서 보기좋게 포맷팅하기

안녕하세요. 오늘은 Go언어에서 Golines라는 툴을 사용해서 보기좋게 포맷팅하는 방법을 알아보겠습니다. Go언어는 개발자의 생산성 향상에 초점을 두고 설계되어 기본적으로 gofmt이라는 소스코드의 스타일을 자동으로 포맷팅해주는 툴을 제공합니다. 다만, 아쉬운점은 소스코드 한 라인의 최대길이에 따라서 자동으로 줄바꿈을 해주는 기능이 없다는 것.. 그래서

dracure

tistory.com

GoLand(IntelliJ) 라이브 템플릿 사용방법

안녕하세요. 오늘은 GoLand(IntelliJ) IDE에서 라이브 템플릿을 사용하는 방법에 대해서 알아보겠습니다. 라이브템플릿이란? IntelliJ IDE에서 제공하는 기능으로, 테스트코드와 같이 반복적으로 작성되는 코드를 템플릿 형태로 만들어두고 단축키를 사용해서 쉽게 불러오는 기능을 말한다. 라이브템플릿 적용방법 아래에서는 GoLand IDE(Inte

dracure

youtube.com

웹개발자를 위한 CS 기초 네트워크 1편# LAN 1강 - 학습개요

구독/좋아요 하지말고 그냥 필요한 공부만 하세요.

dracure