CODE CAVE

React에서 가장 많이 쓰이는 기능 중 하나이죠. React에서는 "hooks"라는 개념을 도입하여 함수 컴포넌트에서도 상태 관리와 생명주기 메서드를 사용할 수 있게 했습니다. 이 중에서도 useState는 가장 기본적이고 중요한 훅 중 하나입니다. useState Hook의 기본 개념 useState는 React 함수 컴포넌트에서 상태를 추가할 수 있게 해줍니다. 이는 클래스 컴포넌트의 this.state와 this.setState에 대응되는 기능을 제공합니다. useState는 두 개의 값, 즉 현재 상태 값과 해당 상태를 업데이트하는 함수를 반환합니다. 이제 useState의 기본 구조와 작동 방식에 대해 알아봅시다. const [state, setState] = useState(initialSt..

방탄커피, 다들 들어보신 적 있으신가요? 아시는 분들은 잘 아실텐데요. 제가 1달 이상 아침마다 먹어보았는데 개인적으로는 하루 시작자체가 정신이 맑아지고 종일 일하는데 에너지를 유지하는 효과가 느껴졌어서 오늘은 방탄커피에 대해 소개하는 포스팅을 하고자 합니다. 왜 이름이 '방탄커피'일까? 방탄커피의 이름은 그 브랜드와 제품의 창시자인 Dave Asprey에서 유래했습니다. Dave는 티베트 여행 중에 야크 버터를 첨가한 차를 마시며 느낀 활력을 기반으로 이 커피를 개발하게 되었습니다. 'Bulletproof'라는 이름은 이 커피를 마시면 마치 '방탄'처럼 강력하고 불굴의 에너지를 느낄 수 있다는 의미에서 붙여진 것입니다. (BTS가 유명해지면서 더 주목을 받기도 했다고 하네요..) 방탄커피 vs. 일반 ..

[웹 보안] 출력 인코딩을 통한 XSS 방지 지난 포스팅에서 XSS 공격을 하는 아주 기본적인 체험에 대해 다뤘었습니다. [웹해킹] XSS - 5분만에 체험 해보기 웹 해킹 기법중 하나인 'XSS', 5분만에 체험 해보기 안녕하세요! 오늘은 웹해킹의 대표적인 주제 중 하나인 'XSS'에 대해 함께 알아보도록 하겠습니다. XSS가 무엇인지, 그리고 어떻게 작동하는지 초 kkotkkio.tistory.com 오늘은 반대로 이러한 'XSS' 공격을 방지하는 방법 중 하나인 '출력 인코딩'에 대해 알아보겠습니다. 출력 인코딩은 사용자의 입력을 안전하게 화면에 출력하는 방법으로, XSS 공격을 효과적으로 방지할 수 있습니다. 출력 인코딩이란? 출력 인코딩은 사용자로부터 받은 입력을 그대로 화면에 출력하기 전에 특..