또 벼락치기ㅠ 변명을 하자면.. 시험 접수할 때만 해도 벼락치기하려는 건 아니었는데..어쩌다 보니 시험 접수일과 시험일 사이에 라섹을 하게 됐어요..ㅋㅋㅋㅋㅋㅋㅋㅋ그래서 아프고 잘 안 보여서 공부를 못함... 회복도 느린 편이었음 ㅠ시험 볼 때도 내 시험지 빼곤 잘 안 보였음 ㅎ;;라섹하고 일주일 조금 넘어서 시험 봤는데 시험 볼 때도 인공눈물 넣어가면서 봤답니다..(감독관님께 미리 여쭤봄) 일단 제 상황은여..기본적인 SQL은 어느 정도 짤 수 있었고.. 이론은 거의 까먹은 상태아프고 안 보인다고 미루고 미뤄서 희망이 있을까 싶었지만 sqld 접수비 5만 원ㅜ아ㅜ까ㅜ워ㅜ서ㅜ 몇 시간이라도 공부해 봄 ✏️ 공부법당일 새벽에 공부 시작해서 밤새고 시험 보러 갔으니까.. 공부시간은 대충 4시간 ~ 6시간쯤일..

1. MSW란?MSW(Mock Service Worker)는 API를 흉내 내는(mocking) 라이브러리이다.Service Worker를 활용해서 네트워크 요청을 가로채고 응답을 가짜로 돌려준다.MSW를 쓰면 백엔드 API가 준비되지 않은 상태에서도 프론트엔드에서 미리 개발이 가능하다. MSW 공식문서를 보면서 따라해보자!다만 Next.js에서는 MSW가 완벽하게 연동되지 않는다.SSR Fetch를 위해 추가적으로 작성해줘야 하는 코드가 있다.MSW에서 제공하는 Next.js + MSW 예제가 있는데 이거랑 Next.js(MSW 포함) 강의 들었던 거랑 다 참고해서 세팅했다. 2. 패키지 설치일단 msw 패키지부터 설치한다.npm i msw --save-dev 3. 클라이언트 환경(브라우저) 설정moc..

🌐 Web APIs? Application Programming Interfaces 웹 개발을 하다 보면 브라우저 안에서 아주 많은 기능을 기본적으로 사용할 수 있다.예를 들어, 서버와 통신하거나, 사용자의 위치를 가져오거나, 알림을 띄우는 것처럼 복잡한 기능들도 자바스크립트만으로 실행할 수 있다.이처럼 브라우저가 기본으로 제공하는 기능들을 통칭해서 Web API라고 부른다. 🧰 Web API 기능Web API는 말 그대로 “웹 환경에서 사용할 수 있도록 브라우저가 제공하는 API”를 뜻한다.이 API들을 사용하면 자바스크립트로는 직접 하기 어려운 작업도 간단하게 구현할 수 있다.대표적인 Web API는 다음과 같다.DOM APIHTML 요소를 동적으로 조작할 수 있음Fetch APIHTTP 요청을 ..

안녕하세요. 11기 SSAFYcial 입니당! 벌써 자율 프로젝트만 남았다니 시간이 너무 빨리 흐르는 거 같아요..! 싸피가 이제 끝난다니 시원섭섭한 느낌이네요..😓 좀 지쳐서 프로젝트 그만하고 싶기도 하고 근데 싸피 끝나면 뭐 하나 싶기도 하고,, 싸피에서 최근에 수료 기념 촬영을 진행하는데 무려 시현하다에서 촬영하러 오셨어요!! 처음에 시현하다에서 온다는 소식을 듣고 놀라서 난리난리~~~ 싸피 혜택 중에 젤 좋았어요ㅎㅎㅎ 🖼 시현하다 시현하다 레코더즈Record Your Moments.sihyunhada.com 증명사진이라는 소재로 진행한 1000인 프로젝트를 통해 사진관의 흐름과 인식을 바꾸었습니다. “누구나 고유의 색이 있다”라는 슬로건을 통해 기존의 사진관들이 진행해왔던 보편적인 미인상에 맞는 ..

이번에는 이슈 템플릿이랑 만들어 보려고 한다!사실 지난 프로젝트에서도 GitLab에서 사용하긴 했지만.. 그땐 팀원이 다 만들어준 상태에서 이용했었는데 이번 프로젝트에서는 내가 도입해보려고 한다.누군가에게 도움이 될까 싶어서 양식/예시도 올려뒀다. ✏️ 라벨 만들기라벨은 기본적으로 주어져 있어서 건들지 않아도 사용할 수 있긴 하다.나는 우리 프로젝트에 맞게 수정하고 싶어서 라벨부터 바꿔줬다. 먼저 리포지토리에 들어가서 Labels를 들어가면 리포지토리의 라벨 목록이 뜬다. 기본적으로 여러 개 있었지만 나는 아래와 같이 수정했다!타입이 따로 있긴 하지만 타입은 커스텀이 안돼서 타입을 안쓰고 라벨에서 관리하는 거 같다.일단 필요하다고 생각되는 것들 만들어봤는데 프로젝트 하다보면 수정할지는 모르겠다. 이렇게 ..

안녕하세요 ~~~~~ ㅎㅎㅎ자바 전공자 트랙은 이제 싸피에서 1학기 알고리즘 구간이 끝났습니다!알고리즘 수업은 끝났지만.. 알고리즘은 계속 이어나가야겠죠?(템플릿 공유는 글의 마지막 부분에 있어요😮) 다들 알고리즘 풀이할 때나 풀이 이후에 정리하시나요?알고리즘 한 번 풀면 쭈우우욱 기억하면 좋겠지만...전 풀었던 문제도 나중에 보면 또 새롭더라구요... 과거에 파이썬으로 알고리즘 풀 때 노션에 정리했었는데 최근에는 급급하게 문제 푸느라 따로 정리를 안 했었어요..!그랬더니 비슷한 유형의 문제를 봤을 때 희미하게 생각나서 풀었던 거 다시 보고 싶을 때 정확히 어떤 문제인지도 헷갈렸어요..ㅠ^ㅠ 예전엔 이런 방식으로 정리했었는데 점점 문제가 많아질수록 찾기도 힘들고 보기도 힘들더라구요..ㅋㅋ저때는 노션..

Django 강의에서 URL 단축 서비스 실습을 진행했다.URL 단축 서비스는 긴 웹 주소를 짧은 주소로 변환해 주는 서비스이다.예를 들어 아래와 같은 긴 URL이 있다고 가정해보자.http://www.climate-skeptic.com/2008/10/global-warming-accelerating.html이 주소를 다음과 같이 짧게 줄일 수 있다.https://bit.ly/x사용자는 짧은 URL로 접속하지만, 실제로는 원래의 긴 URL로 이동하게 된다. 프로젝트 생성먼저 URL 단축 서비스를 만들기 위한 Django 프로젝트를 생성한다.가상환경 생성`python3.13 -m venv .short_url`가상환경 활성화Mac: `source .short_url/bin/activate`Windows: ..

일반 회원가입은 사용자가 아이디와 비밀번호를 직접 생성해야 한다.하지만 최근 대부분의 서비스는 Google, Kakao, Naver 같은 외부 플랫폼 계정을 이용해 간편하게 로그인할 수 있는 기능을 제공한다. 소셜 로그인(Social Login)사용자가 별도의 회원가입 없이 이미 가입된 서비스의 계정을 사용하여 웹사이트나 애플리케이션에 로그인할 수 있도록 지원하는 인증 방식Google, Facebook, Naver, Kakao 등의 계정을 통해 다른 서비스에 접속 소셜 로그인 동작 과정1. 사용자 동의 과정 사용자가 "카카오 로그인" 버튼을 클릭하면 카카오 로그인 페이지로 이동한다.class KakaoSocialLoginView(View): def get(self, request): ..

Django SessionDjango는 로그인 상태를 유지하기 위해 Session 기능을 제공한다.Session은 사용자의 상태 정보를 서버에 저장하여 HTTP의 무상태성(Stateless)을 해결하는 역할을 한다. HTTP의 무상태성(stateless)서버가 클라이언트의 이전 요청에 대한 상태 정보를 저장하지 않는 특성각 요청은 독립적이며, 서버는 요청마다 클라이언트를 식별할 수 있어야 함 HTTP는 기본적으로 상태를 저장하지 않는 프로토콜이다.즉, 서버는 이전 요청을 기억하지 않는다.예를 들어 사용자가 로그인 요청을 보냈다고 가정해 보자.1. 로그인 요청2. 메인 페이지 요청3. 마이페이지 요청각 요청은 서로 독립적으로 처리된다.따라서 별도의 방법이 없다면 서버는 현재 요청을 보낸 사용자가 누구인지 ..

장고는 기본적으로 회원 시스템이 기본적으로 제공된다.장고는 로그인, 로그아웃, 회원가입, 비밀번호 관리 같은 기능을 위한 인증(Authentication) 시스템을 내장하고 있다.장고의 기본 User 모델과 관리자 페이지(Admin)에 대해 알아보자. Django User장고는 기본적으로 회원 시스템을 내장로그인, 로그아웃, 회원가입, 비밀번호 변경 같은 기능 제공User Model`from django.contrib.auth.models import User` User 모델필드명설명username사용자 IDemail이메일 주소password암호화된 비밀번호is_staff관리자 여부is_superuser슈퍼 관리자 여부is_active계정 활성화 여부date_joined계정 생성일last_login마지막..