보안을 철저히 관리하는 지성 개발자가 됩시다

핀터레스트에 DB를 검색하면 드래곤볼이 나온다는 사실, 알고 계셨나요 ? 저도 알고 싶지 않았습니다.

자동사냥, 이거 좋네 ...

근데 이제 단단히 꼬여버린

이 또한 트러블 슈팅인가요, 아니면 그저 제 무지함인가요. 그대들은 어떤 기분이신가요.

“Fair” 아니고 “Pair” 입니다. 근데 “Fair”도 틀린 말은 아닌 듯?

미안하다 이거 보여주려고 어그로 끌었다.. useState useSearchParams 차이 수준 ㄹㅇ실화냐?

"

React - Virtual DOM을 활용한 극한의 효율 챙기기

1. "렌더링"이란 흔히 아는 렌더링 보통 "렌더링"이라고 하면 화면을 다시 그리는 것이라고 생각하는 경우가 많다. 예를 들어 버튼을 눌렀더니, 화면이 바뀌고 뭔가 새로 그려지는 느낌이다. 그래서 자연스럽게 렌더링은 화면이 바뀐다라고 받아들이게 된다. React에서의 렌더링 React에서의 렌더링은 조금 다르게 정의해야 한다. > 컴포넌트 함수...

jQuery의 사용률이 약 70%에 가깝다는 통계를 보고, 왜 React를 배우는지 궁금해졌다. 숫자의 의미를 다시 보자 웹 개발의 흐름이 다르게 보이기 시작했다.

브라우저는 어떻게 서버와 데이터를 주고받을까? fetch의 동작 방식부터 GET, POST, PUT, PATCH, DELETE 요청, Promise.all, 에러 처리까지 JavaScript에서 서버와 통신하는 기본 흐름을 정리했다.

1. JavaScript의 변수 선언 방식 JavaScript에서 값을 저장하려면 변수에 값을 할당(assignment)해야 하며, 이를 위해 먼저 변수를 선언(declaration)한다. 그리고 JavaScript에는 변수를 선언하는 세 가지 방법이 있다. var let const 지금은 대부분 let과 const를 사용하지만 JavaScript가 ...

JavaScript에서 객체를 복사했는데 원본까지 바뀌는 이유는 무엇일까? 참조(reference) 구조를 이해하면 얕은 복사와 깊은 복사의 차이가 보인다. Spread, JSON, structuredClone을 통해 객체 복사의 원리를 정리한다.

브라우저와 서버는 어떻게 통신할까? HTTP 요청과 응답 구조를 중심으로 HTTP 메서드, 상태 코드, REST API 설계 방식, JSON 데이터 형식까지 웹 통신의 핵심 흐름을 한 번에 정리했다.

자바스크립트는 싱글 스레드 언어인데 어떻게 비동기가 가능할까? Event Loop 구조부터 콜백, 콜백 지옥, Promise, async/await까지 자바스크립트 비동기 처리의 흐름을 단계적으로 정리해본다.

JavaScript에서 함수는 단순히 실행되는 코드가 아니라 자신이 선언된 환경을 기억한다. 클로저는 외부 함수가 종료된 이후에도 내부 함수가 해당 스코프의 변수에 접근할 수 있게 만드는 구조이며 상태 유지와 데이터 은닉 같은 패턴에 활용된다.

JavaScript에서 변수의 접근 범위는 어떻게 결정될까? 스코프의 기본 개념부터 렉시컬 스코프 규칙, 그리고 변수가 탐색되는 스코프 체인 구조까지 정리하고 this와의 차이도 함께 살펴본다.

JavaScript는 HTML을 직접 수정하는 것이 아니라 DOM을 조작한다. DOM의 구조와 트리 관계를 이해하고, 요소 선택·탐색·조작과 이벤트 처리까지 자바스크립트로 웹 페이지를 동적으로 제어하는 기본 흐름을 정리했다.

JavaScript의 this는 함수의 위치가 아니라 호출 방식에 따라 결정된다. 일반 함수, 객체 메서드, 생성자 호출, 그리고 Arrow Function까지 다양한 상황에서 this가 어떻게 달라지는지 핵심 규칙을 정리했다.