코드네임 :

다음주 준비해와야 할 것1. 오늘 만든 것에 전역 상태 관리 라이브러리를 사용한 기능 추가 해오기추가할만한 것1. 로그인2. 토스트/스낵바 알림3. 다크모드 지원2. 이를 배포해오기(Vercel / Netlify / Cloudflare / Github pages / Firebase 중 택 1) 전역 상태- 컴포넌트 간에 공통으로 사용되는 데이터를 관리하는 공간- 예: 로그인 정보, 다크모드 설정, 장바구니 등 props drilling: 부모 → 자식 → 손자까지 props를 계속 전달해야 함 (깊은 구조에서는 매우 비효율적)🆚전역 상태: 여러 컴포넌트가 공통된 store에서 직접 상태를 읽고 쓸 수 있음- 예: Context, Redux, Recoil, Zustand 등 useContext &..

원리 이해보다는 어떻게 쓰는지 초점 맞춰서 다시하기 비동기 : 어떤 작업을 요청한 후, 그 작업의 완료를 기다리지 않고 다음 작업을 바로 이어서 수행하는 방식- 코드 흐름이 멈추지 않고 계속 진행되는 처리 방식- 응답을 기다리지 않고 다음 작업을 계속 할수 있는 구조- 응답이 도착했을 때 어떤 처리를 할지 콜백 또는 비동기 처리방식이 무조건 피료함!요청 → 다음 작업 → 응답 도착 후 별도로 처리, Promise: 비동기적으로 실행하는 작업의 결과(성공 or 실패)를 나타내는 객체- 지금 당장은 결과가 없지만, 나중에 성공하거나 실패했을 때 그 결과를 줄 약속된 객체!!!!!- 비동기의 결과를 객체화 시킨다!!! - 네트워크 요청 같은 비동기 작업은 시간이 걸리기 때문에 코드가 멈추지 않고 계속..

ㅋㅋㅋㅋㅋㅋㅋㅋ아니 이거 옛날 강의여서 그런지는 잘 모르겠는데, 일단 오류나면 내 php파일들에서 해봐야 할것 1. 를 전부 로 바꿔주기 ++ 주의!!⚠️ 2. $_POST나 $_GET +++ 등등 사용 전에 키가 있는지 확인해줘야 해 == null 값? 넣어줄 수 있도록 코드 수정ex)// 수정 전$search_type = $_POST["search_type"];// 수정 후$search_type = $_POST["search_type"] ?? ""; 3. 무슨 중괄호 문제..? 이건 잘 모르겟고 모르면 지피티한테 물어볼 것!🔧 팁: Visual Studio Code 단축키 VS Code에서 중괄호 { 매칭 확인하고 싶을 땐: 커서를 괄호 위에 두면 하이라이팅으로 짝 보여줌⌘ + K → ⌘ ..

MySQL 설치하깅➜ ~ git:(main) ✗ brew install mysql➜ ~ git:(main) ✗ brew services start mysql==> Successfully started `mysql` (label: homebrew.mxcl.mysql)// 홈브루로 mysql 설치시 보통 비번 없어서 처음에 mysql -u root -p 할때 다른 비번 입력하면 오류남➜ ~ git:(main) ✗ mysql -u root Welcome to the MySQL monitor. Commands end with ; or \g.Your MySQL connection id is 10Server version: 9.3.0 HomebrewCopyright (c) 2000, 2025, Oracle ..

이미 사라졋다고 하니까 싱글 쿼터? 신경 쓸 필요 없을듯ㅋㅋㅋㅋㅋㅋㅋㅋ굿

그냥.. 드림핵에서 Flask 혼공하라는 식으로 얘기하시길래 걍 인프런에서 기초 배우고 무작정 따라하기 강의 우선 들어보려고 합니긔근데 얘도 걍 무작정 따라하는거라.. 좀 보고^^ 다시 드림핵으로 나중에 다시 공부할수도 잇는거궁 https://www.inflearn.com/course/웹해킹-보안-시큐어코딩?attributionToken=iQHwiAoMCIviosIGEO2e2fkBEAEaJDY4NjBjYjA0LTAwMDAtMjExYi1hOTE0LTNjMjg2ZDQyZDAyZSoHMTA3NjQ0ODIs9ujDMKOAlyLFy_MX1LKdFcLwnhWo5aottbeMLZzWty2Q97Iwmu7GMJ_Wty06DmRlZmF1bHRfc2VhcmNoSAFYAWABaAF6AnNp 웹 개발자와 정보보안 입문자가 꼭 ..

강의 수강에 필요한 사전지식...이요? ㅋㅋ [ HTTP vs HTTPS ]HTTP (HyperText Transfer Protocol): 웹 브라우저와 웹 서버가 텍스트, 이미지, 영상 등을 주고받는 약속된 규칙🧠 쉽게 말하면:브라우저: “나 이 글 보고 싶어!”서버: “알겠어, 이 HTML 파일 줄게!”- HTTP는 도청당하기 쉬움 (패킷을 가로채면 비밀번호, 쿠키 등이 유출될 수 있음) ㄴ 해커들이 중간자 공격을 자주 노림 HTTPS (HTTP + Secure): 암호화된 통신- TLS/SSL을 사용해서 통신 내용 보호 [ 쿠키와 세션 ]📎 왜 필요한가?: 웹은 기본적으로 "상태를 기억하지 못하는 프로토콜" -> 로그인하고 다음 페이지로 넘어가면 누군지 모름 -> 따라서 정보 저장 ..

Component란?: 화면에 보여줄 조각function Hello() { return 안녕!;} Server Component : 서버에서 실행됨ㄴ 브라우저가 아닌 서버에서 렌더링됨- 민감한 API 키나 DB 접근이 필요한 경우 등에서 서버 컴포넌트로 만듦 (보안성)// 이건 서버에서 실행됨 (브라우저가 아닌)// 서버 컴포넌트export default async function PostList() { const res = await fetch('https://api.example.com/posts'); const data = await res.json(); return ( {data.map((post) => ( {post.title} ))} );}..