뫙뭉

[프론트엔드] 웹 개발에서 말하는 "서버", 대체 어떤 서버를 말하는 걸까?

웹 개발을 하다 보면 "서버"라는 단어가 정말 많이 나옵니다.서버사이드 렌더링백엔드 서버웹 서버DB 서버프록시 서버리버스 프록시API 서버같은 문장에서 "서버"라는 단어가 중복되며 쓰이기 때문에, 개발을 처음 접하거나 프론트엔드 중심으로 프로젝트를 진행해온 분들은 ‘서버’가 도대체 뭘 의미하는 건지 헷갈릴 수밖에 없습니다.오늘은 막 취업했을 당시, 실제로 많이 헷갈리고 이해하기 쉽지 않았던 '서버'라는 키워드에 대해 이야기해볼까 합니다.이 글에서는 실전 웹 서비스에서 등장하는 서버의 종류들을 개발자 관점에서 아주 명확하게 구분하고 설명해드릴게요.많은 초보 개발자 및 비개발자 분들에게 도움이 되길 바랍니다.  서버란? 기본적으로 "서버"란, 클라이언트(사용자)의 요청을 받고 응답을 처리해주는 프로그램 또는..

각자의 홈페이지를 꾸미고 마케팅하기 위해 눈에 띄는 애니메이션들을 만들고 적용하곤 한다.예전에 몇가지 글을 적은적이 있는데, 별 생각 없이 올렸던 글이 생각보다 많은 분들이 관심을 가져주더라.기술적인 부분도 좋지만, 이런 간단하면서 뭔가 유용한 애니메이션, 스타일 관련 글에도 많은 분들이 관심을 갖고 있구나 라는 걸 다시 한번 느꼈다. 2022.02.03 - [개발자일기/Tutorial] - 빛번짐 효과, box-shadow & filter 활용하기 (feat. ionicons) 빛번짐 효과, box-shadow & filter 활용하기 (feat. ionicons)단 몇 줄의 코드로 색다른 효과를 낼 수 있다! 오늘도 코드가 원하는대로 짜지지 않아 김빠짐을 경험하여 유튜브와 코드팬속에서 헤엄치던 중....

프론트엔드 개발을 하다 보면 기능 구현을 넘어 성능까지 신경 쓰게 됩니다.그 과정에서 자연스럽게 마주하는 것이 바로 '렌더링 최적화'입니다.처음엔 "기능 구현하기도 바쁜데 렌더링 최적화까지 해야 하나?"라는 의문이 들지만, 프로젝트가 커지고 복잡해질수록 이 최적화가 사용자 경험에 미치는 중요성을 깨닫게 됩니다.오늘은 프론트엔드 성능향상의 중심에 있는 '렌더링 최적화'에 대해 알아보, 리액트에서는 이런 문제점들을 어떻게 해결하려고 하는지, 자세히 살펴보겠습니다. 렌더링 최적화란 무엇인가?렌더링 최적화는 웹 애플리케이션이 효율적으로 렌더링되도록 하여 사용자 경험을 향상시키는 방법입니다. 빠르게 로딩되고 반응성이 뛰어난 웹 페이지는 사용자 이탈을 줄이고 만족도를 높입니다.최근 웹 페이지 평균 크기는 2024년..

프론트엔드 개발자로 일하며 도커(Docker)를 처음 접하게 되면 상당히 낯설게 느껴질 수 있습니다. 저 역시 처음 도커를 사용할 때 여러 시행착오를 겪었습니다. 이번 글에서는 제가 팀원과 실제 협업하며 사용했던 Docker 명령어와 Dockerfile 설정 방법을 자세히 공유하면서, 초보자분들도 쉽게 따라 하실 수 있도록 꼼꼼하게 안내하겠습니다. Docker란 무엇인가요?Docker(도커)는 컨테이너(Container)라는 가상 환경을 사용하여 애플리케이션을 빠르게 배포하고 실행할 수 있게 해주는 기술입니다. 프론트엔드 개발자 입장에서 Docker를 활용하면 환경 설정에 소모되는 시간을 줄이고, 서버 배포 과정에서 일어나는 문제를 최소화할 수 있습니다. Docker를 왜 사용해야 할까요?Docker는 ..

프로젝트를 개발할 때, 로컬 환경에서는 정상적으로 실행되지만 배포 후에는 특정 패키지가 동작하지 않거나 peerDependencies 관련 경고가 발생하는 경우가 있다. 이 글에서는 dependencies와 peerDependencies의 차이를 이해하고, 올바르게 패키지를 관리하는 방법을 정리해보겠다.🔎 dependencies와 peerDependencies의 차이✅ dependencies란?dependencies는 프로젝트에서 직접 사용하고 실행에 필수적인 패키지를 의미한다. npm install을 실행하면 dependencies에 있는 모든 패키지가 node_modules에 설치된다.예제 (package.json){ "dependencies": { "react": "^18.2.0", ..

디지털 기술의 발전과 원격 근무의 확산으로 인해 '디지털 노마드(Digital Nomad)'라는 라이프스타일이 자리 잡고 있다. 과거에는 직장에서 정해진 공간에서 업무를 수행하는 것이 일반적이었지만, 이제는 인터넷이 연결된 곳이라면 어디서든 업무를 할 수 있는 시대가 도래했다. 이로 인해 많은 국가들은 디지털 노마드들을 유치하기 위해 다양한 비자 제도를 도입하고 있으며, 이는 새로운 경제적 기회로 떠오르고 있다.한 통계에 따르면 미국 인구의 약 5%인 1,700만 명이 디지털 노마드로 활동하고 있다. 디지털 노마드들은 단순히 자유로운 생활을 즐기는 개인이 아니라, 원격 근무를 하는 직장인과 프리랜서, 심지어 가족 단위로 이동하는 사람들까지 포함된다. 이에 따라 각국에서는 이들이 경제적으로 얼마나 기여할 ..

목차서문: 변곡점이 시작된 이야기1. 새로운 책임, 새로운 도전 : 팀장이 되다 2. 현실의 벽 앞에서... 인생은 냉혹하더라 3. 2025년의 나는 어떻게 살아갈까?4. 마무리 : 흔들렸지만, 앞으로 나아간다  서문 : 변곡점이 시작된 이야기매해 그렇듯, 2024년도 참 많은 일이 있었던 한 해였다.눈을 감았다 뜨니 벌써 2월.싱숭생숭한 연말과 연초를 보내며 한동안 아무것도 하기 싫었던 게으름을 뒤로하고, 뒤늦게나마 이 한 해를 돌아보려 한다. 2024년의 시작은 새로운 모임에 나가는 것이었다.뮤지컬 취미반에서 다양한 사람들을 만나며 내 심장이 다시 뛰는 느낌을 받았고, 나에 대해 더 깊이 알아가는 소중한 시간을 보냈다.그 경험이 계기가 되어 다시 한 번 새로운 만남을 향해 발을 내디뎠다.각기 다른 색..

시바이누(Shiba Inu, SHIB)는 단순한 밈 코인을 넘어 독자적인 생태계와 기술적 발전을 통해 암호화폐 시장에서 중요한 위치를 차지하고 있다. 최근에는 가격 동향, 소각률 증가, 생태계 확장, 그리고 고래들의 활발한 거래와 같은 다양한 이슈로 인해 더욱 주목받고 있다. 이번 글에서는 이러한 변화와 전망을 중심으로 시바이누의 현재와 미래를 살펴본다.  시바이누의 최근 가격 동향과 소각률 증가 시바이누는 최근 소각률 증가로 주목받고 있다. 24시간 동안 1억 3,100만 개 이상의 SHIB 토큰이 소각되며, 소각률이 무려 1,677.45%까지 치솟았다. 이는 시바이누의 공급량 감소를 통해 가격 안정화와 상승을 유도하려는 노력의 일환이다.그러나 소각률 증가에도 불구하고, 최근 시바이누의 가격은 약간의 ..

알고랜드(Algorand)는 고속 트랜잭션 처리, 확장성, 그리고 환경 친화성을 목표로 설계된 블록체인 플랫폼이다. 2017년 MIT 교수이자 암호학자인 실비오 미칼리(Silvio Micali)에 의해 설립된 알고랜드는 순수 지분증명(Pure Proof of Stake, PPoS) 합의 알고리즘을 사용하여 높은 보안성과 효율성을 동시에 제공한다.알고랜드는 디지털 경제를 위한 탈중앙화 금융(DeFi), NFT, 그리고 다양한 탈중앙화 애플리케이션(DApps)을 지원하며, 특히 지속 가능성과 에너지 효율성을 중시하는 점에서 주목받고 있다.  알고랜드의 탄생 배경 알고랜드는 기존 블록체인 플랫폼들이 직면한 확장성과 보안성 간의 딜레마를 해결하기 위해 설계되었다. 비트코인과 이더리움 같은 초기 블록체인은 탈중앙..

스택스(Stacks)는 비트코인 생태계를 확장하기 위해 설계된 레이어 1 블록체인으로, 비트코인의 보안성과 탈중앙화를 활용하면서도 스마트 계약과 탈중앙화 애플리케이션(DApps)을 지원한다. 스택스는 비트코인 블록체인을 기반으로 운영되며, 독창적인 Proof of Transfer(PoX) 합의 알고리즘을 통해 비트코인의 보안과 신뢰성을 활용한다.이번 글에서는 스택스의 탄생 배경, 주요 기술적 특징, 생태계, 그리고 블록체인 산업에서의 역할과 의의를 살펴본다. 스택스의 탄생 배경 스택스는 비트코인이 가진 강력한 보안성과 신뢰성을 활용하면서도, 스마트 계약 기능과 확장성을 제공하기 위해 등장했다. 비트코인은 디지털 자산의 저장과 전송에서 뛰어난 기능을 제공했지만, 스마트 계약과 복잡한 디앱 개발에는 한계가 ..