백엔드 API 개발이 늦어져 프론트엔드 화면 구현이나 단위 테스트를 진행하지 못하고 무작정 기다린 경험이 있을 것이다.다만 정식 API가 나올 때까지 컴포넌트 내부에 임시 데이터를 하드코딩하거나 fetch 함수를 직접 수정하는 방식은 나중에 코드를 정리할 때 버그를 유발하기 쉽다.이번에는 네트워크 계층에서 실제 HTTP 요청을 가로채는 MSW(Mock Se···
웹 서비스를 개발하며 회원 시스템을 구축할 때 사용자의 비밀번호를 md5나 sha256으로 단순 해싱해서 DB에 저장해 본 경험이 있을까? 다만 대다수 개발자가 솔트(Salt)의 정확한 개념이나 Bcrypt 알고리즘의 필요성을 모른 채 인터넷 블로그의 구형 코드를 그대로 복사해 붙이는 경우가 많다. 이번에는 PHP에서 제공하는 password_hash()와···
PHP로 배열을 다루다 보면 특정 키가 존재하는지, 값이 있는지 확인해야 할 순간이 자주 온다. 다만 대부분의 개발자들은 isset(), array_key_exists(), in_array() 세 함수의 차이를 명확히 모른 채 상황에 맞지 않는 함수를 써서 버그를 만든다. 이번에는 이 세 함수가 정확히 뭐가 다르고, 언제 어떤 걸 써야 하는지, 그리고 각각···
PHP에서 파일을 include하거나 설정 파일을 로드할 때, 경로를 잘못 지정해서 골치 아파본 경험이 있을까? 특히 다른 폴더 구조의 서버로 이사할 때 갑자기 파일을 못 찾는 에러가 터진다. 다만 대부분의 개발자들은 상대경로와 절대경로의 차이를 정확히 모른 채 인터넷에서 가져온 코드를 그냥 복사해 붙인다. 이번에는 __FILE__과 __DIR__ 상수가 ···
웹 서비스를 이용할 때 사용자가 여러 브라우저 탭을 열어두고 한쪽에서 로그아웃을 하거나 장바구니 품목을 변경했는데, 다른 탭에는 기존 정보가 그대로 남아있어 오작동하는 문제를 경험해봤을 것이다.다만 많은 개발자들이 탭 간 실시간 데이터 동기화를 어떻게 깔끔하게 구현해야 하는지 정확한 방법과 원리를 모른 채 복잡한 WebSockets나 localStorage···
웹 애플리케이션에서 수만 건의 JSON 데이터를 가공하거나 복잡한 연산을 수행할 때 브라우저 화면이 완전히 얼어붙어 클릭조차 되지 않는 현상을 경험해봤을까? 웹 서비스를 개발하다 보면 한 번쯤 마주치는 대표적인 UI 멈춤(Freezing) 현상이다.다만 대부분의 개발자들은 자바스크립트가 싱글 스레드로 동작한다는 점을 잊고, 단지 setTimeout이나 Pr···
여러 개의 외부 API(예: 날씨 정보, 결제 상태, 회원 정보 등)를 한 번에 호출해야 할 때, 페이지 로딩 속도가 3초 이상 길어져 답답함을 느껴본 적이 있을까?다만 대부분의 개발자들은 foreach 문 내부에서 curl_exec()를 순차적으로 실행하면서 네트워크 latency가 누적되어 병목이 발생한다는 사실을 모른 채 단순 타임아웃만 조절하곤 한다···
PHP로 수십만 건의 대용량 DB 레코드나 수백 메가바이트(MB)에 달하는 CSV 파일을 처리하다가 Allowed memory size exhausted 에러를 마주친 경험이 있을 것이다.다만 대부분의 개발자들은 php.ini의 memory_limit 수치를 무작정 256M, 1G로 올리는 임시방편으로 해결하려고 하거나 정확한 메모리 점유 원인을 모르는 경···
프로젝트 규모가 커질수록 기존 코드를 수정할 때 예기치 않은 버그가 발생할까 봐 불안해했던 경험이 있을 것이다.다만 대부분의 개발자들은 테스트 코드 작성 방법을 제대로 모른 채 일일이 브라우저에서 직접 입력값을 넣어가며 수동 테스트를 진행하곤 한다.이번에는 PHPUnit을 이용한 단위 테스트(Unit Test)의 기본 개념부터 왜 필요한지, 그리고 외부 A···
PHP에서 배열을 다루다 보면 특정 조건에 맞는 요소만 추출하거나, 불필요한 데이터를 걸러내야 할 상황이 자주 생긴다. 대부분의 개발자들은 foreach 루프를 돌면서 if문으로 하나하나 체크하고 새로운 배열에 담는 방식을 써왔을 것이다. 다만 array_filter 함수를 제대로 이해하고 활용하면, 코드를 훨씬 간결하게 만들 수 있을 뿐 아니라 가독성과 ···
한글을 포함한 데이터를 다룰 때 문자 깨짐이나 인코딩 오류를 경험해봤을까? 특히 외부 API에서 받은 데이터나 사용자 입력값을 처리할 때 갑자기 '?'나 알 수 없는 기호로 변환되는 현상을 목격한 개발자라면 알 것이다. 다만 대부분은 그 원인이 정확히 뭔지, 왜 인코딩이 깨지는지, 어떻게 해야 하는지 제대로 알지 못한 채 인터넷에서 가져온 코드를 대충 복사···
외부 결제 PG사나 알림 서비스 등을 연동하면서 웹훅(Webhook) 수신 엔드포인트를 만들어본 경험이 있을 것이다.다만 대부분의 개발자들은 URL만 노출되어 있으면 누구나 위조된 HTTP 요청을 보낼 수 있다는 위험성을 간과한 채, 수신된 데이터를 그대로 DB에 반영하곤 한다.이번에는 웹훅 위변조 공격이 왜 위험한지, 이를 방지하기 위한 HMAC SHA2···
PHP 개발을 하다 보면 거의 매일 마주치는 에러가 있다. 바로 "PHP Warning: Undefined Index" 경고다. 폼 데이터를 받거나 배열을 다룰 때 존재하지 않는 키에 접근하면 튀어나오는 이 경고는 대부분의 개발자들이 무시하거나 에러 리포팅 설정을 낮춰서 감춘다. 하지만 이 경고는 무시하면 안 되는 보안 취약점의 신호다. 이번에는 "Unde···
Discord 커뮤니티를 운영하다 보면 반복적인 관리 작업이나 자동화가 필요한 순간이 많다. 하지만 대부분의 개발자들은 봇을 만들어야 한다는 건 알면서도 어디서부터 시작해야 할지, 정확히 어떤 라이브러리를 써야 할지 모른 채 방황한다. 이번에는 Python의 discord.py 라이브러리를 이용해 Discord 봇을 처음부터 끝까지 만드는 방법을 완벽하게 ···
서비스 출시 전이나 이벤트 오픈을 앞두고 "갑자기 사용자 수천 명이 동시 접속하면 우리 서버가 버틸 수 있을까?" 고민해 본 적이 있을 것이다.다만 실제 트래픽 환경을 사전에 시뮬레이션하지 않고 그저 서버 스펙만 올렸다가, 예상치 못한 병목 현상이나 DB 커넥션 고갈로 서비스가 마비되는 상항을 맞닥뜨리는 경우가 많다.이번에는 Go 기반의 가볍고 강력한 오픈···
요즘들어 사이트 로그를 살펴보면 로봇의 비율이 80%를 넘기는데 이와 더불어 별 이상한 그지 같은 악성 크롤러도 판을 치고 있어서 걱정이 많다. 크롤러라면 최소한 유저에이전트에 정보라도 남겨놓는게 예의 인데 악성 크롤러는 신원같은건 무시한체 긁어가는것에 집중을 하고 있다. 간혹 이런 악성크롤러의 아이피 출처에 대한 상세 정보를 알고싶을때가 있다. 이때 조회···
캡챠는 사용자 입력 검증 관련된 개발하다보면 한번쯤 사용했거나 들어본적이 있을 것이다. 쉽게 설명하면 입력후 제줄된 문서를 진짜 타이핑해서 쓴건지 아니면 별도 프로그램으로 이용하여 제줄한건지 사전에 체크할 수 있는 시스템이다. 이러한 캡챠는 지속적으로 기술이 발전되고 있지만 자동입력 프로그램 또한 지속 발전하여 보안코드 마저 인식 후 뚫어버리는 경우가 있다···
웹 사이트를 운영하다보면 파일업로드 기능을 많이 사용하기도 하지만 직접 구현해야할때도 있다. 이럴땐 여기저기서 예제소스 가져다가 붙이곤 하는데 예외처리가 많이 안되다보니 사용하다 업로드에 문제가 생겼을 시 체크하기가 어렵다. 특히나 파일 업로드 권한이 특정 권한을 가진 유저가 아닌 모든 유저에게 부여된다면 역시나 믿을 수 없다. 하루에도 수백번씩 이상한 방···