CODE CAVE

macOS에는 기본적으로 파이썬 2.7이 설치되어 있습니다. 그러나 대부분의 최신 파이썬 프로젝트는 파이썬 3를 사용하므로, 파이썬 3를 설치하는 것이 좋습니다. macOS에서 파이썬을 설치하는 가장 일반적인 방법 중 하나는 Homebrew를 사용하는 것입니다. 아래는 Homebrew를 사용하여 파이썬 3를 설치하는 단계입니다: Homebrew 설치 먼저 Homebrew가 설치되어 있지 않다면, 터미널을 열고 다음의 명령어를 입력하여 Homebrew를 설치합니다: /bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)" Homebrew 업데이트 Homebrew를 최신 상태로 유지하기 위해 아..

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 공격을 효과적으로 방지할 수 있습니다. 출력 인코딩이란? 출력 인코딩은 사용자로부터 받은 입력을 그대로 화면에 출력하기 전에 특..

웹 해킹 기법중 하나인 'XSS', 5분만에 체험 해보기 안녕하세요! 오늘은 웹해킹의 대표적인 주제 중 하나인 'XSS'에 대해 함께 알아보도록 하겠습니다. XSS가 무엇인지, 그리고 어떻게 작동하는지 초등학생도 이해할 수 있도록 간단하게 설명해 드리겠습니다. XSS란 무엇인가요? 웹사이트에서 댓글이나 글을 작성할 때, 단순한 텍스트 외에 특별한 코드를 삽입하여 다른 사용자들의 컴퓨터에 원치 않는 동작을 일으키는 기법이 있습니다. 이를 'XSS'라고 합니다. 이 기법은 웹의 보안 취약점을 이용한 것인데, 오늘은 이 기법이 어떻게 작동하는지 간단하게 체험해보도록 하겠습니다. XSS 체험해보기 아래의 코드를 복사해 주세요. 이 코드를 테스트 환경의 웹사이트 댓글이나 글 작성 부분에 붙여넣어 보세요. (주의:..

플러터를 설치하는 방법은 플러터 공식 웹사이트 Get Started에서 확인이 가능합니다. 좌표 : https://docs.flutter.dev/get-started/install/macos 다만, 가이드에 나온대로 zip 파일을 설치하고 몇가지 설정을 하는것 조차 귀찮아서 "Homebrew"라는 패키지 관리 툴을 이용해서 매우 빠르게 설치를 완료하였습니다. 1. Homebrew를 설치합니다. => https://brew.sh/index_ko 2. Homebrew 커맨드 하나로 Flutter를 설치합니다. brew install --cask flutter 3. 플러터 설치가 완료됩니다. 참 간단하죠? :) 빨리 플러터로 이것저것 만들어보고 싶네요. PS. Homebrew에 관하여.. 이 글을 작성하다가 ..

세계적인 성공가들의 노하우를 담은 "타이탄의 도구들" 제가 인상깊게 읽은 책중 하나가 베스트셀러 "타이탄의 도구들" 입니다. 이 책의 저자 "팀페리스"는, 자기계발 분야에서 많은 팬층을 가지고 있으며, 그의 대표작으로는 “나는 “4시간만 일한다”라는 책이 있는데. 이 책은 최소한의 노력으로 최대한의 성과를 이루는 방법을 제시하고 있으며, 뉴욕 타임스 베스트셀러로 자리 잡았고, 저는 이 책을 보고 큰 감명을 받아 팀페리스의 다른 책이 또 뭐가 있을까 찾다가 “타이탄의 도구들”을 알게되고 바로 구입해서 배송 오자마자 다 읽었습니다. 이 책은 성공한 사람들의 라이프해킹을 모아서 정리한 책입니다. 다양한 분야에서 성공한 사람들을 인터뷰하고 그들의 비법을 공개하고 있습니다. 제가 책을 읽을 당시 얻은 가슴뛰는 인..

안녕하세요, 1인 개발자 코드케이브 입니다. 오늘은 노코드 툴에 대해 정리를 해봤습니다. 제가 처음 개발을 시작한게 2009년인데요. 2010년 쯤에는 웹표준, DHTML이 유행했고, 하드코딩을 하는 작업 방법이 대부분이었습니다. 당시에 노코드 툴이라고 하면 드림위버가 그나마 코딩 지식이 부족해도 빠르게 UI를 구성할 수 있었죠. 이후 2013년 쯤에는 하이브리드 앱이 뜨면서 HTML5, CSS3과 각종 자바스크립트 프레임워크로 웹과 앱을 동시에 만드는 개발 방법론이 유행했는데 당시에는 여러모로 성능이 좋지 않았고 이에따라 정말 간단한 앱이나 자금 여력이 거의 없는 소규모 스타트업이 채택하곤 했습니다. 하지만 지금은, 놀라울정도로 발전했고 WIX나 워드프레스를 넘어 별의별 노코드 툴이 생기고 있습니다. ..

웹 기반 개발이 메인인 저는 인텔리제이나 웹스톰을 거의 5년이상 사용하다가, 이번년도에 처음 VSCode를 사용해봤습니다. VSCode로 변경한 가장 큰 이유는 인텔리제이는 기능이 점점 많아져서 계속 무거운 느낌이 들어서 입니다. 근데 기능이 많아져도.. 제가 쓰는 기능은 어차피 거기서 거기라.. 주변 개발자 지인들 통해 새로운 에디터를 추천 받았고 요새 정말 많은 분들이 사용하는 VSCode를 사용하게 되었습니다. 인텔리제이와 비슷한 단축키도 많았지만, 어떤 단축키는 새로 적응해야해서 조금 헷갈리더라구요. 스스로 리마인드 겸, 기본적인 단축키와 유용한 단축키 몇개를 정리해봤습니다. [ VSCode 단축키 ] * 아래 "Ctrl"은 윈도우에선 그대로 컨트롤 키 이고, 맥에서는 "Command" 키로 보면..

"100,000,000" 처럼 숫자 3자리 마다 숫자를 넣는 방법에 대한 포스팅 입니다. 특히 돈 이나 숫자를 많이 나타내는 웹사이트를 개발할 때 필요한 경우가 많더라구요. 1. toLocalString()을 이용하는 방법 저는 이 방법을 주로 씁니다. 가장 간편하더라구요. let order_price = 100000000; order_price.toLocaleString("ko-KR"); 파라미터로 넘기는 "KR"이 있는 이유는 숫자를 또 다르게 표시하는 국가도 있나봅니다. 매우 특수 케이스라, 왠만한 평범한 프로젝트는 ko-KR이나 en-US을 사용하시면 될것 같습니다. 혹, 이 함수에 대해 자세히 알고 사용하고 싶으신 분들은 아래 링크 참고가 가능합니다 :) https://developer.mozi..