일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | |
7 | 8 | 9 | 10 | 11 | 12 | 13 |
14 | 15 | 16 | 17 | 18 | 19 | 20 |
21 | 22 | 23 | 24 | 25 | 26 | 27 |
28 | 29 | 30 | 31 |
- react
- unionfind
- git
- SSAFY
- 싸피10기
- js
- 셀프넘버
- vitepwa
- QuerySetAPI
- 데코레이터
- SSAFYcial
- 머신러닝종류
- pwa적용하기
- sqld
- 알고리즘
- 백준
- PWA
- 플로이드워셜
- Python
- db
- 리액트
- Django
- Javascript
- SQL
- 싸피셜
- VITE
- queryset
- TypeScript
- 14658
- 싸피
- Today
- Total
목록분류 전체보기 (162)
Meme's IT
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/dgi2pm/btsE6Ep9gs2/QvKhE3X7M1g75rFurR8Kk1/img.gif)
싸피 10기는 어느새 2학기도 1/3이 지나가버렸네요.한 달 좀 넘는 기간동안 2학기 첫 프로젝트인 공통 프로젝트를 진행했습니다~! 짧지 않은 시간이었지만 바쁘게 달리다보니 시간이 너무 빨리 지나가버렸네요뿌듯하기도 하고 아쉬움도 남은 저의 공통 프로젝트, 간단한 소개와 회고를 공유하고자 합니다! 💻 간단한 프로젝트 소개 저희 프로젝트의 주제는 IT강의를 비교, 추천받을 수 있고 스터디를 모집할 수 있는 플랫폼이었습니다.IT 강의를 듣고 싶은데 너무 많아서 어디서 무슨 강의를 들어야 할지 모를 때같은 강의를 듣는 사람들과 스터디를 하고 싶을 때필요한 기능들을 제공하는 서비스였습니다. 🔖 프로젝트 회고 1. Keep(지속할 것, 좋았던 부분)✅ git과 jira의 컨벤션일관된 형식을 통해 보기가 편하..
백준 14658번 14658번: 하늘에서 별똥별이 빗발친다 첫째 줄에 네 정수 N, M, L, K가 주어진다. (1 ≤ N, M ≤ 500,000, 1 ≤ L ≤ 100,000, 1 ≤ K ≤ 100) N은 별똥별이 떨어지는 구역의 가로길이, M은 세로길이, L은 트램펄린의 한 변의 길이, K는 별똥별의 수를 www.acmicpc.net 브루트포스, 라고는 나와있는데 구글링 했을 때랑 다르게 풀었음 K의 갯수가 100개 이하이므로 K기준으로 진행 12 10 4 7 2 4 7 3 3 1 5 6 4 7 12 10 8 6 해당 예제에서 별의 위치를 받고, 얘네를 우선 x기준으로 정렬을 해준다. [(2, 4), (3, 1), (4, 7), (5, 6), (7, 3), (8, 6), (12, 10)] 이런식으로 ..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/cajiTa/btsES6zHMvn/8IqeGjguDhXlB1ODoSozek/img.png)
CSS로 화면을 깎으면서 가장 거슬리는건 역시 길이다.. 정답도 없고 그냥 내가 보기에 이쁘면 다 아닌가? 싶은데 이게 은근히 어렵다 얼마전에 집에서 하던 프로젝트의 홈 배너를 열심히 모니터에 맞춰서 만들고 git에 올렸는데 다음날 싸피가서 보니까 사이즈가 엄청 안맞더라.... 왜 그런지 뤼튼과 싸워보니 모니터마다 해상도가 당연히 다르고 이걸 고려안하고 그냥 내꺼에 맞춰서 하니까 당연히 그런 일이 생긴 것.. 그럼 어떻게 해야하나? → 절대단위를 버리고 상대단위를 쓰자 한마디로 화면 비율에 맞추자 우선 맨날 천날 px만 쓰던 나, 단위가 뭐뭐 있는지부터 정리해보자 1. px 매일쓰던 그거 픽셀, 평소에는 cm, m같이 쓰는 그런 단위이다. 얘는 고정적인 값, 즉 절대단위에 속한다 근데 얘를 왜 쓰는게 불..
현재 프로젝트에서 JWT 인증키를 이용해서 로그인을 구현하려고 한다. 이때, 이 인증키를 어디에 저장해야할까? 현재 다른 데이터들은 Redux - persist를 이용해서 session storage에 저장하고 있다. 로컬을 쓰지 않은 이유는 창을 닫으면 정보를 삭제하고 싶었기 때문..(이후 수정할지도..) 여튼, JWT Token을 local storage나 session storage 같은 Web storage에 저장하면 클라이언트에서 자바스크립트에서 요청을 담아 보내기 때문에 XSS 공격에 취약하다고 한다. XSS이란? 더보기 = Cross Site Scripting 공격하려는 사이트에 악의적인 스크립트를 삽입해서 해당 스크립트가 당하는 사람에게 동작하도록 하는 것 이를 통해서 당하는 사람은 개인 ..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/pemLj/btsD8zbYzhX/vwA3nKBfkolTf7eIPUesn0/img.png)
최단 경로 알고리즘,마지막으로 플로이드 워셜 알고리즘을 알아봅시다! # 플로이드 워셜 알고리즘이란?모든 지점에서 다른 모든 지점까지의 최단 경로를 모두 구해야 하는 경우에 사용하는 최단 경로 알고리즘입니다. 다익스트라 알고리즘과의 비교다익스트라단계마다 최단 거리를 가지는 노드를 하나씩 선택해서, 경로를 확인하며 최단 거리 테이블을 갱신그리디 알고리즘플로이드 워셜단계마다 거쳐 가는 노드를 기준으로 알고리즘 실행DP 알고리즘즉, 플로이드 워셜은 최단 거리를 갖는 노드를 찾는 게 아니라, 거쳐가는 노드를 확인합니다. # 플로이드 워셜 알고리즘의 시간 복잡도노드의 갯수가 N개 일 때, N번의 단계를 수행하며,단계마다 O(N^2)의 연산을 통해 현재 노드를 거쳐가는 모든 경로를 고려하므로총 시간 복잡도는 ..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/mCkDu/btsD3HoOPw0/Hn2yxXdCUMKVkzgQrcvpBk/img.png)
오늘은 저번에 이어서, 최단경로 알고리즘 중 하나인 벨만-포드 알고리즘을 같이 알아볼까요 # 벨만-포드 알고리즘최단 경로 알고리즘 중 하나로, 한 노드에서 다른 노드까지의 최단거리를 구하는 알고리즘입니다.간선의 가중치가 음수일 때에도 최단거리를 구할 수 있다는 장점이 있습니다. 다익스트라 vs 벨만-포드다익스트라아직 방문하지 않은 노드들 중 최단 거리가 가장 짧은 노드를 선택음의 가중치가 없을 때만 가능!시간이 벨만포드에 비해 빠름벨만포드매 단계마다 모든 간선을 확인하면서 최단 거리를 찾음음의 가중치가 있더라도 최단 거리를 찾을 수 있음시간이 비교적 느림 # 문제로 이해해보기간단한 벨만포드 문제인 백준 11657번 타임머신 문제를 한번 풀어보면서 이해해 봅시다.각각의 도시가 있고, 도시를 지나는 버스 ..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/bbGbX4/btsDC9EqqbB/hkNAWD25C1LqeUis0R7R5K/img.png)
React 프로젝트는 Vite를 이용해서 만들어보자 Vite는 저번에 Vue를 했을 때 정리해 둔 것이 있으니 그걸 참고해서 설치하면 된다. 2023.11.07 - [Vue] - [Vue] SFC build tool (Vite) [Vue] SFC build tool (Vite) # Vite 프론트엔드 개발 도구 공식 문서 참고, Vue 공식문구에서 설치 방법 확인 npm create vue@latest 뜨는 옵션들은 No로 우선 통일 cd vue-project/ npm install 자동으로 생긴 vue-project 위치로 가서 설치 npm run memezz.tistory.com # 왜 Vite를 사용해서 만들까? 궁금해서 물어보니까 뤼튼님이 이렇게 말하신다... 즉, 빠르고 최신 JS를 쓸 수 있고..
보호되어 있는 글입니다.