velog.io

비대칭키, 누가 암호화를 할 것인가?

암호화 (Encryption) 과 전자 서명 (Digital Signature) 은 범용적으로 사용되는 기술이고, 저는 API 통신을 설계하며 접할 수 있었습니다.이 두가지는 유사한 맥락에서 사용되거나 동시에 사용되는 경우가 있고, 전혀 다른 목적과 특징을 지니고있기때

Dev_Hong

velog.io

검색 엔진 최적화를 위한 가이드

내가 보려고 정리한 검색 엔진 최적화를 위한 가이드 📕

Dev_Hong

velog.io

리액트 렌더링에 대한 이해

리액트의 렌더링을 렌더 단계와 커밋 단계로 구분하여 전체적인 렌더링 프로세스에 대해 이해해봅니다.

Dev_Hong

velog.io

React로 결제 페이지 개발하기 (ft. 결제위젯)

결제 페이지 개발하기 포스트에서 받은 뜨거운 반응에 힘을 입어 React 버전으로 돌아왔어요. 이번에도 많은 관심 부탁드려요. 🤗

Dev_Hong

velog.io

쿠키와 세션을 긴밀하게 이해하는 법

최근 회사 및 개인 프로젝트의 요구조건 충족을 위해 다양하고 긴밀하게 쿠키와 세션을 사용하면서 느꼈던 바를 바탕으로 내용 정리도 할 겸 정리해 보았습니다.쿠키와 세션은 웹 프로그래밍을 공부해오면서 항상 비교가 되던 개념입니다.공통점과 차이점을 비교해며 정리해 두던 경험

Dev_Hong

paulsblog.dev

11 Stages To Become A JavaScript Full-Stack Engineer

Kickstart Your Career And Become A Full-Stack Developer

Dev_Hong

paulsblog.dev

How to Build a Video Player in Vanilla Javascript And HTML5

You’ll learn how to create your own JavaScript video player using simple methods and will end up with really cool results!

Dev_Hong

tistory.com

Recoil 정리

안녕하세요 오늘은 상태 관리툴인 Recoil에 대해 알아보겠습니다. 상태 관리 상태 관리 툴을 사용하면 state값들을 props로 계속 타고들어가지 않아 코드가 깔끔해집니다. 프로젝트의 규모가 커질수록 상태 관리 또한 필요성이 커지게 됩니다. 많은 프론트엔드 개발자들이 Redux, MobX, Recoil 등 여러가지 기술로 상태 관리를 하고 있는데요. R

도봉도봉

velog.io

[Javascript] memory leak

자바스크립트 내에서 메모리 이슈에 대해 알아보려고 합니다.메모리 할당 -> 메모리 사용 -> 메모리 해제javascript는 high-level language 이기 때문에 메모리 사용이 끝나면 가비지컬렉터(GC)에 의해 메모리가 해제 됩니다.자바스크립트의 저장소는 힙

Dev_Hong

martinfowler.com

Modularizing React Applications with Established UI Patterns

Learn how to apply established UI patterns for a more organized and maintainable codebase and discover the benefits of layering architecture in React development

Dev_Hong

velog.io

[번역] 잘 알려진 UI 패턴을 사용하여 리액트 애플리케이션 모듈화하기

기존에 잘 알려진 UI 패턴을 프런트엔드 개발에 적용하는 과정을 적은 글입니다. 리팩토링하는 과정을 단계별로 쫓아가며 UI 패턴을 실제 리액트 사례에 적용하는 방법을 살펴보고 그 이점을 확인할 수 있습니다 :)

Dev_Hong

youtube.com

서버리스 | 이젠 웹개발자가 꼭 알아야 하는 개념 🎩

웹개발자들이 알아야 하는 필수 컨셉들 정리해 봅니다. 시리즈 형태로 다양한 컨셉 영상을 정리해 볼 까 하는데 여러분들 의견은 어떠신가요? :) (↙ 자세한 내용)

Dev_Hong

isquaredsoftware.com

Blogged Answers: A (Mostly) Complete Guide to React Rendering Behavior

Details on how React rendering behaves, and how use of Context and React-Redux affect rendering

Dev_Hong

yrnana.dev

Q. When should you NOT use React.memo? | nana.log

당연하지만 얕은비교연산 ===가 어지간하면 리렌더링보다는 비용이 적게 들긴 한다. 그렇다면 왜 리액트는 React.memo나 React.PureComponent를 기본형으로 갖지 않을까?

Dev_Hong

youtube.com

Build a 3D Site Without Code with Framer - Crash Course

3-hour course for beginners on designing a multi-page site with 3D assets, animations, adaptive layouts and CMS
Sponsored by https://www.framer.com/?utm_source=designcode&utm_medium=youtube

Dev_Hong

youtube.com

Create 3D Site with Spline and React - Full Course

Turn your Figma UI to 3D and create a React site with Spline
Sponsored by Spline - https://spline.design

Dev_Hong