목록전체 글 (290)
거의 알고리즘 일기장
problem https://leetcode.com/problems/contains-duplicate/ Contains Duplicate - LeetCode Can you solve this real interview question? Contains Duplicate - Given an integer array nums, return true if any value appears at least twice in the array, and return false if every element is distinct. Example 1: Input: nums = [1,2,3,1] Output: true Ex leetcode.com Given an integer array nums, return true if..
problem https://leetcode.com/problems/best-time-to-buy-and-sell-stock/ Best Time to Buy and Sell Stock - LeetCode Can you solve this real interview question? Best Time to Buy and Sell Stock - You are given an array prices where prices[i] is the price of a given stock on the ith day. You want to maximize your profit by choosing a single day to buy one stock and choosin leetcode.com You are given ..
problem https://leetcode.com/problems/two-sum/ Two Sum - LeetCode Can you solve this real interview question? Two Sum - Given an array of integers nums and an integer target, return indices of the two numbers such that they add up to target. You may assume that each input would have exactly one solution, and you may not leetcode.com Given an array of integers nums and an integer target, return i..
명웹툰작가~ 침선생님의 그림강의를 영접했습니다. 저의 우상 침선생님의 강의 참을수 없죠.. 바로 실습해보았습니다. https://www.youtube.com/watch?v=QjeZyCLXbiE 오오~~ 결과물 또 다른 우상 쭈 형님도 그려봤습니다. 주호민님의 동네 고기동과 사스콰치도 같이 그려봤어요! 영상 그리고 프로크리에이트의 기능중 그림 그렸던걸 mp4파일로 내보낼수있는데, 그걸 소스로 유튜브 쇼츠로도 한번 만들어았습니다! 재밌더라구여 다들 한번 만들어보세요!! https://www.youtube.com/shorts/CMIV6hIXezs 유튜브 쇼츠
아니! 있기는 있다 미칠듯한 무빙으로 사기꾼을 피하면 되는 방법이 유일하다. 근데 내가 좋아하는 유튜버가 괜찮은 어플을 소개해줘서 한번 서비스를 이용해보았는데, 괜찮은거 같아서 글을 쓴다. 내돈내산이다.. ㅋㅋ https://www.youtube.com/watch?v=t7p1YYmVeik&t=69s https://www.naezipscan.com/?utm_source=youtube&utm_medium=influencer&utm_campaign=naezipscan_1 내집스캔 전세사기 예방 일등공신 내집스캔 www.naezipscan.com 소개할 서비스는 내집스캔이라는 서비스이다. 한건당 약 8천 ~ 1만원 내외인거 같은데, 해볼만하다고 느꼈다. 한번 내가 살고있는집을 체크 해봤다. 그리고 서비스를 이용..
git의 오픈소스들을 항해하다 issue를 찾아 등록하려고 보면 아래의 사진과 같이 issue template 들이 구비되어 있는 경우가 있다. 우리의 프로젝트에서는 어떻게 추가할까? 방법 가이드 문서를 한번 봐보자 정리하면 1. github 로그인한다. 2. issue template을 만들고 싶은 repository로 간다. 3. Setting button을 누른다. 4. 그러다 보면, Feature 라는 타이틀의 섹션이 존재하는데 거기서 issues의 Set up templates 를 누른다. 5. 하단의 화면이 달랑뜨는데 중앙의 select box를 클릭하면 대충 감온다. 예시로 Bug report를 만들어보자 6. 예시로 만들어졌다. 이걸 수정해도되고 그냥 써도 된다. 꿀팁 우리가 이걸 만들 필..
react에서 prop을 다 넘겨주는 일은 상상이상으로 번거롭다. 이때, react의 context를 사용하면, prop drilling 없이도 컴포넌트 트리 전체에서 데이터를 가져다 쓸수있다. 그런데 이제는 이런 문제?가 생긴다. 자식1은 a데이터만 쓰고 자식2는 b데이터만 쓴다고 가정하자. 이때, a데이터가 변경되었는데, 자식1뿐만이아니라 자식2도 리랜더링 된다. 지금 우리의 프로덕트의 규모가 큰편이라 성능 최적화 관점에서 이 상황에서 자식 1만 리랜더링 되었으면 좋겠다. 어떻게 할까? 방법 1. context를 나눈다. a와 b가 현재 하나의 context인데 이걸 두개로 나눈다. 간단하쥬?? 그럼 context를 저렇게 손수 하나하나 만들어야 하나요??.. 이런 불편한 부분은 당연히 자동화 한 ..
원래 배포환경에 따라 달라지는게 없는 프로덕트를 수정할 일이 생겼다. cra의 내장된 .env 파일 사용시의 제약 이 수정사항 중 배포환경(dev or prod)에 따라서 환경변수가 몇개 바뀌어야 하는 상황이었는데, cra 환경에서는 이런식으로 .env.* 이런식으로 파일을 나눠서 환경변수를 관리할수 있다. 근데, 이러한 제약이 존재한다. /... this feature is available with react-scripts@1.0.0 and higher. (웬만한 프로젝트는 react-scripts1.0.0 버전상위다.) // -> 이 순서로 우선순위가 있다. npm start: .env.development.local, .env.local, .env.development, .env npm run ..
이번에는 눈효과에 이어 유성효과이다. 유성효과는 https://kunkunwoo.tistory.com/295 html canvas + ts로 눈효과 만들기 예전에 재밌게 했던 html canvas와 바닐라 js 를 이용해 효과들을 만든 기억이 떠올라 다시 만들어보았다. 워밍업으로 간단한 눈효과를 만들어보았다. 데모 세팅 vite, ts, pure css 사용 자세한 내용은 kunkunwoo.tistory.com 이 눈효과에서 조금만 바꾸면 된다. 1. 유성처럼 보이려면 일단 유성에는 꼬리가 있다. 2. 유성 대가리가 꼬리보다 밝다. (꼬리로 갈수록 서서히 색이 옅어지는 구조) 3. 안보이면 다시 재활용한다 (안보이면 -> init function 실행하여 새로나오는것처럼 구현, 음.. 약간 구현사항이 다..
예전에 재밌게 했던 html canvas와 바닐라 js 를 이용해 효과들을 만든 기억이 떠올라 다시 만들어보았다. 워밍업으로 간단한 눈효과를 만들어보았다. 처음 막상 하려고 하면 어떻게 하지 막막할수도 있지만, 구현사항은 간단하다! 눈 class를 만든다. 눈 클래스에서 협력할 기능은 다음과 같다. 1. requestAnimationFrame function에 실행할 draw function을 만든다.(눈그림을 그릴) (draw) 2.resize시에 동작할 function을 만든다. (resize가 되면 stageWidth, stageHeight가 바뀜으로) (init) 내부 function은 다음과 같다. 1. 그리기 전에 위치를 업데이트 해주어야 눈이 내리는것처럼 될것이다. 그러므로 위치 update..