인기글

Notion으로 알고리즘 정리하기 (+ 템플릿 공유)
·
SSAFY
안녕하세요 ~~~~~ ㅎㅎㅎ자바 전공자 트랙은 이제 싸피에서 1학기 알고리즘 구간이 끝났습니다!알고리즘 수업은 끝났지만.. 알고리즘은 계속 이어나가야겠죠?(템플릿 공유는 글의 마지막 부분에 있어요😮) 다들 알고리즘 풀이할 때나 풀이 이후에 정리하시나요?알고리즘 한 번 풀면 쭈우우욱 기억하면 좋겠지만...전 풀었던 문제도 나중에 보면 또 새롭더라구요... 과거에 파이썬으로 알고리즘 풀 때 노션에 정리했었는데 최근에는 급급하게 문제 푸느라 따로 정리를 안 했었어요..!그랬더니 비슷한 유형의 문제를 봤을 때 희미하게 생각나서 풀었던 거 다시 보고 싶을 때 정확히 어떤 문제인지도 헷갈렸어요..ㅠ^ㅠ 예전엔 이런 방식으로 정리했었는데 점점 문제가 많아질수록 찾기도 힘들고 보기도 힘들더라구요..ㅋㅋ저때는 노션..
[SSAFY] 11기 2학기 특화 프로젝트 (+ 우수팀 선정, 반 1등)
·
SSAFY
🧐 특화 프로젝트?특화 프로젝트는 싸피 2학기의 두 번째 프로젝트이다!아래 10개의 도메인 중 하나의 도메인을 선택해서 진행하는데 우리 팀은 블록체인(P2P 거래)를 선택했다.우린 아직 아이디어를 정하지 않은 상태였기 때문에 다른 도메인을 선택하면 기획에 제한을 받을 것이라 생각했다.기획이 막막해서 저 중엔 그래도 블록체인이 범용성이 높지 않을까..라는 생각에 블록체인을 선택했는데 님아 그 강을 건너지 마오 📑 설계1. 사용자 역할공통 프로젝트에서도 사용자 역할이 3개였는데.. 어쩌다보니 또 사용자 역할이 3개였다.그래도 공통 프로젝트에서는 원장님과 선생님이 같은 페이지를 보면서도 다르게 보여줘야 하는 귀찮은 게 많았는데, 다행히 특화 프로젝트에서는 분리된 역할이라 괜찮긴 했다..ㅎㅎ예외 케이스가 발..
[React] Vite + TypeScript + PWA 프로젝트 생성하기
·
React
안녕하세요😀 싸피 11기 2학기가 시작한지 한 달이 다 되어 갑니다🍃저희 팀 주제는 데스크탑보다 모바일에 적합할 거 같아 웹앱을 구현하기로 했는데요!PWA 특징과 PWA를 쓰기 위한 세팅법을 알아보겠습니다. 📱 PWAProgressive Web Apps모바일에서 네이티브 앱과 같은 사용자 경험을 제공하는 웹 앱ex) Twitter Lite특징PWA는 웹처럼 개발하면 되지만 스마트폰에 네이티브 앱처럼 설치할 수 있고 앱처럼 보이고 동작한다.검색 엔진이 최적화되어있다. (SEO)백그라운드 기능이 네이티브 앱보다는 제한적이지만, 푸시 알림 정도는 가능하다.네이티브 앱에 비해 하드웨어 접근이 제한적이다.저희 팀은 React를 써서 프로젝트를 진행할 계획이었는데 주제가 모바일에 적합해 PWA를 적용하게 되었..
[SSAFY] 특화 프로젝트 우수팀 인터뷰
·
SSAFY
안녕하세요! 11기 SSAFYcial입니다.😁 감사하게도 특화 프로젝트에서 저희 팀이 우수팀으로 선정되었는데요!본선 발표 리허설을 위해 리허설장에 갔더니,.. 엥 다 아는 사람들?1학기에 같은 반이었던 언니오빠들이!!우수팀 결과 나오고 보니 1학기 반 전원이 1~3등 안에 들었더라구용. 12반 최고👍특화 프로젝트 1, 2등 팀에게 인터뷰를 요청해 봤습니다! 😎 인터뷰이📒 시간이 NULL NULL 팀의 Echo Note📰 3성전자01재용 팀의 뉴쓱📈 선빵7조 팀의 뮤탈리스크Q. 프로젝트 주제와 목표는 무엇인가요?📒 시간이 NULL NULL - Echo Note강의 녹음과 필기를 결합한 음성 AI 기반 학습 지원 서비스입니다. 단순한 필기 앱을 넘어, AI 기술을 활용해 사용자의 효율적인 복습을..
[SSAFY] 11기 1학기 관통 프로젝트 (+ 최우수상)
·
SSAFY
🧐관통 프로젝트?1학기 마지막에는 싸피에서 1학기에 배운 내용을 '관통'한다는 의미에서 관통 프로젝트를 진행해요~!이전에도 관통 프로젝트를 위한 관련 실습을 진행하긴 하지만, 찐 관통 프로젝트는 싸피에 와서 처음 진행하는 프로젝트예요.전공자 반의 경우에는 여행, 부동산 중에 주제를 선택하는데, 저희팀은 여행을 주제로 선택했습니다!아무래도 여행을 좋아하기도 하고, 집을 구해본 경험도 없기에 여행을 주제로 한 프로젝트가 더 재미있게 진행할 수 있을 것 같았어요!  🎈 프로젝트 개요1. 인원2인반에서 팀을 정하기 때문에 미리미리 반에서 누구랑 할지 정해놓으면 좋아요. 저희 반에서는 학기 초에 조사했을 때, 프론트엔드 지망자가 저밖에 없었는데요. 그래서인지 팀 정하는 시기가 왔을 때 페어오빠가 먼저 제안해 ..
[html] svg 높이 설정 에러
·
Trouble Shooting
🚨 에러 발생Error: attribute height: Expected length, "auto". 🧨 문제 상황svg 파일에 width, height를 current로 설정해뒀는데 import하여 사용할 때 아래처럼 width에 값을 주고 height를 auto로 설정했더니 이런 에러가 떴다.// icon svg// component svg 파일에서 height를 auto로 바꿔보기도 했지만 문제는 여전했다.height를 auto로 설정해서 생긴 문제인데 아이콘이 정사각형인 경우면 height를 width와 똑같이 지정하면 되지만, 직사각형인 경우에는 width를 지정한 후에 height를 몇으로 줘야 할지 알 수 없었다. 🚔 해결 방법이전까지는 svg 파일에서 width, height를 커스..

최신글

Storybook에서 MSW(Mock Service Worker) 사용하기
·
Frontend
API를 Mocking 하기 위해 MSW를 사용하고 있다.MSW는 화면 개발할 때만 쓰일 거 같아서 딱히 스토리북까지는 세팅을 안 해줬는데 개발하다 보니 필요해졌다. ✏️ 설정이 필요한 이유나의 경우에는 현재 게임 카드 리스트를 띄우는 탐색 페이지를 개발 중이다.게임 카드들의 경우 선택한 태그(장르)를 기반으로 결과를 필터링할 수 있다. 태그 선택 버튼(태그 +)을 클릭하면 조회하고 싶은 장르의 태그들을 선택할 수 있는 모달을 띄어야 한다. 여기서 띄어지는 태그들은 백엔드에서 응답받은 정보이다.현재는 백엔드 API가 나오지 않았기 때문에 MSW 핸들러 정보로 띄우고 있다.그렇기 때문에 스토리북에 MSW를 연결하지 않으면 저 정보들을 띄울 수 없었다.No QueryClient set, use Query..
[Python] 백준/BOJ 2597번: 줄자접기 (Silver 3)
·
백준 (BOJ)
💻 Problem문제 보러 가기 준성이는 1㎝ 간격으로 눈금이 매겨져 있는 줄자를 가지고 있다. 그 줄자에 있는 서로 다른 눈금 6개에 한 눈금에 하나씩 점이 찍혀 있는데, 빨간 점, 파란 점, 노란 점이 각각 두 개씩 있다.준성이는 먼저 빨간 점이 만나도록 줄자를 접었다. 그런 후 두 파란 점이 만나도록 줄자를 접고, 또다시 두 노란 점이 만나도록 줄자를 접었다. 줄자는 투명하여 접더라도 점들을 잘 볼 수 있다. 어떤 색깔의 두 점이 만나도록 줄자를 접었을 때, 그다음에 접으려는 색깔의 두 점이 이미 만나고 있으면, 그 두 점에 대해서는 줄자를 접지 않는다.예를 들어 길이 10㎝ 인 줄자에 아래 그림과 같이 2㎝ 와 7㎝ 위에에 두 빨간 점이 찍혀 있고, 5㎝ 와 4㎝위치에 파란 점이, 10㎝ 와 3..
[Python] 백준/BOJ 5545번: 최고의 피자 (Silver 3)
·
백준 (BOJ)
💻 Problem문제 보러 가기 상근이는 근처 피자 가게에서 매일 저녁으로 피자를 배달해 먹는다. 주머니 사정이 얇아진 상근이는 이번 달부터는 "최고의 피자"를 구매하려고 한다. 최고의 피자란, 피자 가게에서 주문할 수 있는 피자 중 1원당 열량이 가장 높은 피자를 말한다. 최고의 피자는 여러 종류가 있을 수도 있다.이 피자 가게는 토핑 N개에서 여러 종류를 선택해서 주문할 수 있다. 같은 종류의 토핑을 2개 이상 선택할 수는 없다. 또, 토핑을 전혀 선택하지 않을 수도 있다.선택한 토핑은 도우 위에 올라간다. 도우의 가격은 A원이고, 토핑의 가격은 모두 B원이다. 피자의 가격은 도우와 토핑의 가격의 합계가 된다. 즉, 토핑을 k종류 (0 ≤ k ≤ N) 선택했다면, 피자의 가격은 A + B*k원이 된..
[Python] 백준/BOJ 17291번: 새끼치기 (Silver 2)
·
백준 (BOJ)
💻 Problem문제 보러 가기 실험실에서 새로운 종의 벌레 한 마리가 탄생하였다. 벌레는 스스로 분열하며, 분열하면 자기 자신과 같은 벌레를 한 마리 만들어 내게 된다. 벌레가 분열하는 규칙은 다음과 같다.벌레는 기준연도 1년 2월에 1마리가 탄생한다.벌레는 매년 1월이 되면 분열한다. 분열 시 본래의 개체는 그대로, 새로운 개체가 하나 탄생하는 것으로 본다.홀수 연도에 탄생한 개체는 3번 분열 시, 짝수 연도에 탄생한 개체는 4번 분열 시 사망한다.예를 들어, 기준년도 1년 2월에 존재하던 벌레는, 2년 1월, 3년 1월, 4년 1월에 분열하고 사망하여 4년 말에는 존재하지 않게 된다. 이때, N 년 말에 존재하는 벌레의 수를 구하여라. 💡 Approach먼가.. 문제를 읽어 보니 DP겠다 싶어서..