전체 글37 vscode에 chrome-devtools-mcp 연결하기 프론트엔드 공부하다가 디버깅을 좀 더 쉽게 하기 위해서 chrome-devtools-mcp 를 설치해서 사용하려고 한다. 대략적인 기능은 아래와 같음. 이 mcp는 node로 서버를 돌리기 때문에, node가 설치되어있어야한다. (node 설치만 해두면 나머지는 mcp가 알아서함) chrome-devtools-mcp 실행 방법1. cmd+shift+p 를 누르고 MCP:List Server를 클릭2. 리스트 중 `chrome-devtools-mcp` 를 선택해서 실행 하지만 나는 output 창에서 에러가 나왔다. 읽어보니 노드 버전이 낮아서 그렇다고 함. 근데 이상한게 터미널에서는 분명히 node v24.x 쓰고 있다고 나오는데vscode에서 mcp 실행할때만 v20.x 쓰고 있다고 나온.. 2025. 11. 12. SQLD 벼락치기(2주 이하) 합격 후기 + 공부 자료 추천 최근에 SQlD(SQL Developer) 시험 합격.프로젝트 하면서 DB랑 SQL을 다루다 보니, 개념을 체계적으로 정리할 필요성을 느껴서 준비했다.기본 베이스 : 기본 sql문 작성할때도 맨날 까먹어서 검색SQLD 시험이 2024년에 시험범위랑 시험문제 형식이 바뀌었다. 특히 나같이 벼락치기하는 사람들은 어떤 블로그를 보고 따라가야할지 어떤 개념서를 봐야할지 찾아볼 시간도 아까운데 그런 사람들을 위해 정리하려고 한다. 과목명문항수 배점 과락기준검정시간1과목. 데이터 모델링의 이해10문항당 2점8점 미만(= 4문제는 맞춰야 과락 면제)90분2과목. SQL 기본 및 활용4032점 미만(= 16문제는 맞춰야 과락 면제)총계50100점 만점 주관식 없어짐 공부 기간 & 총 공부 시간- 2025.08.. 2025. 9. 14. 부트캠프 중급 프로젝트 후기 이전 초급 프로젝트 후기 보러가기 >>>>>>>> 2025.08.23 - [코딩 부트캠프] - 부트캠프 초급 프로젝트 후기 드디어 나왔다! 중급 프로젝트 후기 👋🏻고급 프로젝트 들어가기 직전에 쓰는 게 묘미지(+ 중급프로젝트 팀원들이 빨리 쓰라고 협박했음..흑흑) 확실히 다들 초급프로젝트를 겪어봐서 그런지, 프로젝트 기본 셋팅이나 개발문서, 역할분담은 알아서 착착착 됐다. 그리고 우리 팀의 가장 큰 장점!!! 다들 이전 팀에서 팀장이였다. 다들 짬밥이 있다보니 아주 착착착 잘 진행됐다. 프로젝트 사이즈는 초급보다 더 커졌다. 그동안 배운걸 다 집어넣으려니까 커지는 것 같음.하 고급 프로젝트는 얼마나 클까...일단 spring security가 들어간다는것부터..암튼 1. 프로젝트 주제선정프로젝트 주.. 2025. 9. 2. CSRF란? CSRF 토큰을 써야하는 이유 CSRF에 나오는 기초 개념 정리더보기1. CORS(Cross-Origin Resource Sharing)- 브라우저의 동일 출처 정책(Same-Origin Policy) 때문에 다른 origin이 리소스를 요청하면 기본적으로 차단됨. 이를 허용할지 여부는 서버가 명시적으로 알려줘야하는데 이게 CORS 이다.ex) `https://myapp.com` -> `https://api.myapp.com` 요청시, api.myapp.com 서버에 CORS 헤더를 내려줘야함.Access-Control-Allow-Origin: https://myapp.comAccess-Control-Allow-Credentials: true # 쿠키 같이 보낼 경우Access-Control-Allow-Methods: GET, P.. 2025. 9. 1. 부트캠프 초급 프로젝트 후기 초급프로젝트가 끝난지 거의 3개월이나 지나서 기억이 가물가물하다..1. 프로젝트 주제선정현재 내가 하고있는 부트캠프는 백엔드 java spring만 배우기 때문에, 프론트 코드는 부트캠프 측에서 만들어서 준다. 그래서 우리는 정말 딱 '백엔드'에만 집중할수있어서 좋았다. 다만, 프론트엔드 코드가 이미 만들어져있기 때문에 그 기획에 맞춰서 개발해야한다는 점이 조금 아쉬웠다. 주제는 2가지 중에 고를 수 있었고, 우리 팀을 투표로 금융쪽을 하기로 선택했다. 2. 프로젝트 셋팅 및 개발본격적으로 프로젝트를 들어가기 전에 아래 공통 부분을 정하고 셋팅했다. - 프로젝트 기본 구조 짜기- github 레포 만들기- git branch/commit 룰 정하기- R&R 나누기- 팀원들과 함께 API 문서를 보.. 2025. 8. 23. 위클리 페이퍼 - 멀티스레드에서 경쟁 상태(Race Condition) 가 생기는 이유 + 해결방법 🇶 멀티스레드 환경에서 발생하는 대표적인 문제 중 하나인 경쟁 상태(Race Condition)에 대해 설명하고, 이를 해결하기 위한 다양한 전략을 설명해보세요. 0. 멀티스레드란?멀티스레드는 하나의 프로세스 안에서 자원을 공유하며 여러 개의 스레드를 동시에 실행하여 수행 능력을 향상시키는것이다. JVM이 이 다양한 스레드를 동시에 실행할 수 있도록 한다.* 스레드 : 스레드는 프로그램 안에서 독립적으로 스케쥴되는 실행 흐름이다. 모든 스레드는 우선 순위가 있고, 이 우선 순위에 따라 실행 흐름을 결정한다. ex) JVM이 시작하면 가장 먼저 만나는 스레드 = `main` 메서드Q. 멀티스레드(Java Spring Boot) vs 싱글스레드 이벤트 기반 (Node.js) Q. 만약 단순 API 요청.. 2025. 8. 17. 이전 1 2 3 4 ··· 7 다음
