본문 바로가기

전체 글168

[JS]예산 https://programmers.co.kr/learn/courses/30/lessons/12982 코딩테스트 연습 - 예산 S사에서는 각 부서에 필요한 물품을 지원해 주기 위해 부서별로 물품을 구매하는데 필요한 금액을 조사했습니다. 그러나, 전체 예산이 정해져 있기 때문에 모든 부서의 물품을 구매해 줄 수는 programmers.co.kr 테스트 코드가 풀리긴 풀렸지만 맞는지는 모르겠다. 처음에는 많은 갯수를 구하는게 아니구 딱 맞는 수를 구하는줄 알고 맨뒤부터 잘라내는 재귀로 풀었지만 다시읽어보니 그냥 예산 안에 많은 물품을 사는 거여서그냥 단순하게 작은수 부터 더하도록 풀었다. 고차함수를 쓰게 될 경우 중간에 멈출 수 가 없으니까(break) 보기엔 더럽더라도 그냥 for문을 돌리는게 나을 것 같.. 2022. 6. 26.
220622 JavaScript Promise.all의 기능과 필요한 이유에 대해 설명 여러 개의 비동기 테스크를 동시에 실행하고 마지막 테스크가 완료될 때 다 끝낸 프라미스들을 배열로 반환하기 때문에, 가장 실행시간이 긴 프라미스가 완료되기까지 걸리는 시간이 곧 Promise.all의 완료시간이 되기때문에 각각의 프라미스를 순차적으로 실행하는것보다 시간을 더 단축할 수 있음 다만 배열중 하나의 프라미스가 오류가 발생할 경우, Promise.all은 거부됨. -> 오류가없는 프라미스의 호출은 계속 일어나지만 결과가 나오지 않음. 비동기의 실행시간을 단축시킬수 있지만, 순서가 제어 되지 않기때문에 순서가 중요한 경우는 Promise.all을 사용하면 안됨. 순수함수란? 불변성과 사이드 이펙트와 연결하여 설명 순수함수란.. 2022. 6. 22.
[JS] 가위 바위 보! https://timely-granita-6bf64b.netlify.app/rocksp.html 신나는 가위 바위 보! 가위 바위 보 초기화 timely-granita-6bf64b.netlify.app 다소 지쳐서 약간 css 대충한 부분이 없지않아있음 추후 수정할 계획! 아주 엄청난 시행착오가 있었던 가위바위보였다. 시간이 꽤나 오래걸렸다. 배운 내용 중 가장 중점을 두었던 건 setInterval, setTimeout localstorage 1. setInterval, setTimeout 사용하기 인터넷 상에서 가위바위보 codepen을 치게 되면 보통 뱅글뱅글 돌아가는 가위바위보가 아닌 정적인 가위바위보다. 내가 보게 된 가위바위보도 그러했다. 하지만 내가 원했던 방향은 가위바위보가 슬롯 머신처럼 .. 2022. 6. 20.
[JS]시계 만들기 https://timely-granita-6bf64b.netlify.app/clock.html Clock! TikTok ALALOG CLOCK ANALOG DIGITAL timely-granita-6bf64b.netlify.app 이번에 처음 사용해본 css filter:drop-shadow() 아날로그 시계의 입체감을 주기 위해서 처음 사용해봤다. 시계의 본체(png)와 시계의 분침,초침,시침에 입체감을 주기 위해서 사용하였다 본체에 그림자를 주고, 시계의 침에는 흰색으로 가장 밝은 부분을 만들기 위해서 사용하였다. 다만 완벽하지는 않아서 침이 돌 때 그림자와 같은 위치에 있을 때가 있다 나중에 if문으로 몇도 이상일 경우는 drop-shadow를 다르게 준다면 괜찮을 것 같다. drop-shadow이.. 2022. 6. 12.

티스토리툴바