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

🧐관통 프로젝트?1학기 마지막에는 싸피에서 1학기에 배운 내용을 '관통'한다는 의미에서 관통 프로젝트를 진행해요~!이전에도 관통 프로젝트를 위한 관련 실습을 진행하긴 하지만, 찐 관통 프로젝트는 싸피에 와서 처음 진행하는 프로젝트예요.전공자 반의 경우에는 여행, 부동산 중에 주제를 선택하는데, 저희팀은 여행을 주제로 선택했습니다!아무래도 여행을 좋아하기도 하고, 집을 구해본 경험도 없기에 여행을 주제로 한 프로젝트가 더 재미있게 진행할 수 있을 것 같았어요!  🎈 프로젝트 개요1. 인원2인반에서 팀을 정하기 때문에 미리미리 반에서 누구랑 할지 정해놓으면 좋아요. 저희 반에서는 학기 초에 조사했을 때, 프론트엔드 지망자가 저밖에 없었는데요. 그래서인지 팀 정하는 시기가 왔을 때 페어오빠가 먼저 제안해 ..

📅 싸피 11기 일정지원서 접수: 10월 23일(월) ~ 11월 6일(월)에세이 작성: 11월 7일(화) ~ 11월 18일(토)SW적성진단(OT): 11월 12일(일)적성진단(전공자): 11월 19일(일)에세이 & 적성 결과 발표: 11월 28일인터뷰: 12월 6일(수) ~ 12월 12일(화)결과 발표 : 12월 21일교육 기간: 2024년 1월 ~ 2024년 12월 📝 지원서 작성 사항학위: 인경기 4년제 학사 졸업예정전공: 전공자 - 컴퓨터공학과학점: 4점 극초반어학: x ⏰ 준비 기간에세이 작성: 2일코딩 테스트: 사전학습 + SWEA 8일 풀이인터뷰 준비: 일주일 🤷‍♀️ 싸피 지원 이유졸업작품을 하면서 부족함을 많이 느꼈다. 개발 언어를 잘 모르면서 기능 구현을 위해 부분 부분만 학습, 짜깁기 ..

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

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..

1️⃣ React Quill 사용하기React Quill은 리액트의 텍스트 에디터 라이브러리 중 하나이다.위지위그(WYSIWYG, What you see is what you get)라고도 하는데, "보는 대로 얻는다"라는 뜻이다.즉, 사용자가 텍스트 에디터에서 작성하며 보여지는 그대로 출력물에서 나타나도록 한다. 📍  패키지 설치yarn add react-quill 📍 기본 코드import ReactQuill from 'react-quill';import 'react-quill/dist/quill.snow.css';interface TextEditorProps { value: string; onChange: (value: string) => void;}const TextEditor = ({val..

1️⃣ 변수자료를 저장하기 위한 메모리 공간타입에 따라 크기가 달라짐메모리 공간에 값(value)을 할당(assign) 후 사용 🔹 변수의 타입기본형 (primitive type)미리 정해진 크기의 데이터 표현변수 자체에 값 저장참조형 (reference type)크기가 미리 정해질 수 없는 데이터의 표현변수에는 실제 값을 참조할 수 있는 주소만 저장기본형 8개 빼고는 다 참조형임 🔹 기본형의 크기파란색의 의미정수형에서는 int가 기본, 실수형에서는 double이 기본이다byte는 8bit인데 왜 2^7까지만 처리하지?8칸 중에 맨 앞 칸은 부호 비트이기 때문이다정수 계산 시 overflow 주의필요한 수의 크기를 고려해서 int 또는 long 등 타입 선택 실수의 연산은 정확하지 않다부동소수점 정밀..

💻 Problem문제 보러 가기 서준이는 아빠로부터 N개의 회의와 하나의 회의실을 선물로 받았다. 각 회의는 시작 시간, 끝나는 시간, 회의 인원이 주어지고 한 회의실에서 동시에 두 개 이상의 회의가 진행될 수 없다. 단, 회의는 한번 시작되면 중간에 중단될 수 없으며 한 회의가 끝나는 것과 동시에 다음 회의가 시작될 수 있다. 회의의 시작 시간은 끝나는 시간보다 항상 작다. N개의 회의를 회의실에 효율적으로 배정할 경우 회의를 진행할 수 있는 최대 인원을 구하자. 💡 Approach임의의 회의 K(1≤ K ≤ N)는 회의 K − 1과 회의 K + 1과는 회의 시간이 겹치고 다른 회의들과는 회의 시간이 겹치지 않는다.문제에서 이런 조건이 주어진다.어떤 한 회의는 이전 회의와 다음 회의와 겹친다.따라서..

🚨 문제 상황모달을 열면 console에 아래와 같은 에러가 떴다.installHook.js:1 Skipping auto-scroll behavior due to `position: sticky` or `position: fixed` on element: ​…​​overrideMethod @ installHook.js:1shouldSkipElement @ layout-router.tsx:139InnerScrollAndFocusHandler.handlePotentialScroll @ layout-router.tsx:227componentDidMount @ layout-router.tsx:294react_stack_bottom_frame @ react-dom-client.development.js:2360..

💻 Problem문제 보러 가기 1949 년 인도 수학자 Kaprekar는 Kaprekar 연산을 고안해 냈다. Kaprekar 연산은 네 자릿수 중 모든 자릿수가 같지 않은 수(1111, 2222 등을 제외한)의 각 자리의 숫자를 재배열해서 만들 수 있는 가장 큰 수와 가장 작은 수를 만들어서 그 차이를 계산하는데, 그 결과로 나온 새로운 숫자를 갖고 같은 과정을 반복하는 것이다. 간단한 연산이지만 Kaprekar는 이 연산이 놀라운 결과를 보여준다는 것을 발견했다. 올해 연도인 2008로 그 결과를 알아보자. 2008로 만들 수 있는 가장 큰 수는 8200이고 가장 작은 수는 0028이다. 8200 – 0028 = 8172 8721 – 1278 = 7443 7443 – 3447 = 3996 9963..