주발이의 개발새발

우리 프로젝트 웹 화면이 정적인 느낌이 강해서 .. 로딩 페이지에 이어 이번에는 홈 화면에 배너 슬라이드를 추가하였다. Swiper 사용하기 Swiper React Components Swiper is the most modern free mobile touch slider with hardware accelerated transitions and amazing native behavior. swiperjs.com 여기서 다양한 방법을 만나볼 수 있다 ~ ! Swiper 설치 npm i swiper Swiper 사용법 // Import Swiper React components import { Swiper, SwiperSlide } from 'swiper/react'; // Import Swiper st..

모의 코딩 테스트 .. 를 쳤다 .. 컨셉 : 카카오 코딩 테스트 (문자열 파싱 등) 난이도 : 실제 코딩테스트의 80~90% 정도 난이도와 컨셉은 이런느낌 3시간동안 10문제중 4문제를 해결했다 .. .. ㅜ - 우선 시간 잡고 푸는 연습을 해서 좋았다.. 그리고 한 문제 한 문제 토의하는 시간까지 !! 알찬 .. 시간이었다 .. 오늘은 비도 오고 나가기 싫어서 느적거리다가 집에서 좌식테이블에 앉아서 쳤는데 .. 다음부터는 준비 일찍 해서 약간의 긴장감 가지고 집중해서 풀어야겠다 !! - 문제 난이도를 가리고 시험을 쳐봤다. 약간 긴장된다.. 문제를 해결하고 나면 난이도가 보이는데 체감 난이도보다 훨씬 낮았다 (= 쉬운 문젠데 어렵게 보임 ) 1번 3004번: 체스판 조각 상근이는 3003번에서 동혁이..

프론트에서 API를 호출하여 가져오는 동안 페이지에 아무런 변화가 없으면 사용자들은 당황한다 .. `어 ..? 이게 되고 있는 것 맞나 ? ` 그래서 로딩 화면을 넣는데 .. 리액트에서 어떻게 넣을까 ! 고민하고 있었는데 라이브러리만 잘 쓰면 뚝딱하고 만들어진다 (라이브러리 최고 ~ ) React spinner 설치하기 npm install react-spinners 또는 npm install react-spinners --save 사용법 - Spinner 모양 선택하기 https://www.davidhu.io/react-spinners/ React Spinners www.davidhu.io 이 사이트에 들어가서 여러가지 스피너 중 마음에 드는 스피너를 선택하면 된다. 가장 기본적인 BeatLoader와..

1. 문제 2606번: 바이러스 첫째 줄에는 컴퓨터의 수가 주어진다. 컴퓨터의 수는 100 이하이고 각 컴퓨터에는 1번 부터 차례대로 번호가 매겨진다. 둘째 줄에는 네트워크 상에서 직접 연결되어 있는 컴퓨터 쌍의 수가 주어 www.acmicpc.net 2. 코드 n = int(input()) # 노드 개수 size = int(input()) # n번 노드에 연결된 노드 graph = [[] for _ in range(n+1)] # 방문한 노드는 1, 방문하지 않은 노드는 0 visited =[0]*(n+1) for i in range(size): a,b = map(int,input().split()) # 그래프 넣어주기 ~ graph[a]+=[b] graph[b]+=[a] def dfs(v): # 방문한..

virtual circuit and datagram networks connection, connection-less service 데이터그램 네트워크 → connectionless service virtual-circuit network → connection service Network layer vs Transport layer (ex: Internet) Network layer vs Transport layer Host-to-host Service Process-to process Only one Choice(인터넷 프로토콜) Connection(TCP) and Connectionless(UDP) End-system and NW Core Implementation End-system Only Ab..

Shortest-Remaing-Time (SRT) : SRT는 SJF의 preemptive버전 Policy 가장 작은 다음 CPU burst를 가지는 프로세스를 고르고, 그 프로세스를 preemptive 하게 돌린다 .. termination or block할 때 까지, 또는 → 프로세스가 레디큐에 들어갈 때 까지(새로운 프로세스나 이전에 block된 프로세스) 이 시점에서 예상된 CPU burst 시간이 현재 CPU burst의 시간보다 작을 경우 실행할 다른 프로세스를 선택함 SRT Example ❓ Q. 수행도중 남은 잔여시간이 작은 프로세스에 CPU할당 , 실행하다가 멈추고 .. 이런건가 .. ? → ㅇㅇ 이론으로, 존재 실제로 존재한다면 오버헤드가 엄청날 것 … Q. SRT에서 스케쥴러가 잔여시..

CPU Scheduling Goals CPU scheduler must decide: 프로세스 실행 시간 프로세스들이 실행될 순서 User-oriented schdeuling policy goals : 유저관점에서 스케쥴링의 평가(기준) 평균 반응시간 (프로세스 실행시키고 첫번째반응이 일어날 때까지 걸리는 시간)을 최소화한다. 반면 interactive한 유저가 적절한 응답을 받는 수를 최대화한다. trunaround time(프로세스 시작 ~ 종료까지, execution time + waiting time) 최소화함 평균 응답 시간의 편차 최소화 예측가능성은 중요함 .. 프로세스는 어떤 시스템에 load 되었는지 상관없이 항상 (대략적으로) 같은 시간동안 실행되어야한다. System-oriented s..

해커톤에 참여하게 되었다 ! 디자이너로 .. ㅎㅎ 프론트 조금 할 줄 알고 디자인 조금할 줄 안다 실력이 너무너무 부족한데 감사하게도 팀원들 잘 만났다아 해커톤이나 프로젝트에 한번도 제대로 참여해본 적 없고 실력도 많이 부족해서 이번 기회에 많이 배웠다 주제는 불가능을 가능하게 사실 학교 예선이라고 주제는 당일 공개했는데 .. 공동 해커톤 주제랑 똑같았다 1일차 드디어 start 2박 3일 밤새기 start.. 그럼 무박 3일인가 1. 주제 정하기 우선 주제에 맞는 프로젝트 주제를 정해야했다 ’불가능을 가능하게‘라는 주제를 가지고 무작정 불가능한 것들을 생각해보았다 1. 실어증에 걸린사람이 말할 수 있도록 음성인식하여 목소리를 만들어보자 2. 지나간 시간은 잡을 수 없으니 시간과 관련된 사항을 생각해보자..

루피단에 흡수된 사람이 보내주셨다. https://flexboxfroggy.com/#ko Flexbox Froggy A game for learning CSS flexbox flexboxfroggy.com 너무 귀여움 ~~ CSS 배치할때 어려움이 많았는데 이거 연습하면 많이 도움이 될 것 같다 많이 풀어보고 연습해보고 풀이도 써보겠다 ~ ~