본문 바로가기

전체 글521

51. filter Method 안녕하세요. 박기린 입니다. Array의 메소드인 filter()에 대해 알아보겠습니다. Array.prototype.filter() const movements = [200, 450, -400, 3000, -650, -130, 70, 1300]; const deposits = movements.filter(function (mov, i, arr) { return mov > 0; }); console.log(movements); console.log(deposits); const withdrawals = movements.filter(mov => mov 콜백함수 구성 function( 배열의 요소가 .. 2022. 12. 15.
50. map Method 안녕하세요. 박기린 입니다. 저번에 소개해드린 forEach()에 이어서, forEach()와 유사하지만 조금 다른 Array 메소드인 map()에 대해 알아보겠습니다. Array.prototype.map() const movements = [200, 450, -400, 3000, -650, -130, 70, 1300]; const eurToUsd = 1.1; const movementsUSD = movements.map(mov => mov * eurToUsd); console.log(movementsUSD); Array이름.map( 콜백함수 ); map() 메소드는 콜백함수를 인수로 받습니다. 그리고 Array의 모든 elements에 반복을 돌면서, 콜백함수가 각 element 마다 실행되게 끔 합니.. 2022. 12. 14.
[Copilot] 코딩을 도와주는 인공지능. 깃허브 코파일럿 깃허브의 수익 상품 Codespaces (코드스페이스) : https://arnopark.tistory.com/548 Copilot (코파일럿) : https://arnopark.tistory.com/553 안녕하세요. 박기린 입니다. 저번에 소개해드린 코드스페이스에 이어서 깃허브에서 수익 모델로 판매하는 또 다른 상품인 'Copilot'에 대해 소개를 해보겠습니다. Copilot이란? 원래 copilot은 xbox에서 쓰이는 용어입니다. (사실 선후 관계는 잘 모릅니다만, 아마두?) xbox 컨트롤러를 두 개 연결한 후에, 하나의 컨트롤러처럼 인식해서, 두 사람이 하나의 캐릭터를 조작하는 시스템입니다. 게임을 하고 싶은데 조작에 불편함이 있어 특정 키를 누르지 못하는 경우, 친구나 가족을 데려와서 추가.. 2022. 12. 13.
[모동숲 섬꾸 - 실내] 하얀 거실 작성자는 레퍼런스에 중독된 사람입니다. 의도적으로 따라했든 아니든, 어딘가에서 본 것을 참고해서 만들었을 가능성이 매우매우 높습니다. 안녕하세요. 박기린 입니다. 그동안 야외 조경만 찍어서 올렸었는데, 이번에는 [집-실내 인테리어]를 꾸민 모습을 보여 드리려고 합니다. 하얀 거실 오늘 소개해드릴 인테리어 장소는 집의 거실입니다. 박기린 본캐 주민의 거실입니다. 거실의 메인 컬러를 화이트로 정했습니다. 조명과 인테리어 소품에 따라서 따뜻하기도 하고 시원하기도 해서, 계절감에 맞춰서 적절한 분위기를 낼 수 있다고 생각했기 때문입니다. 겨울에는 카펫과 난로로 따뜻한 분위기를 연출할 수 있고, 여름에는 마린풍 (파랑&하양) 으로 색깔 조합을 해서 꾸밀 수 있습니다. 피터의 깜짝 방문 거실 인테리어 사진을 찍던 .. 2022. 12. 10.
[우마무스메 - 챔미] 타우러스배 유관의 추억 안녕하세요. 박기린 입니다. 현재 우마무스메 챔피언스 미팅 레오배가 진행 중인 와중에, 첫 챔피언스 미팅 [타우러스배]를 열심히 준비했었던 추억을 되새기고 싶어 글을 쓰게 됐습니다. 시작부터 다사다난 : 타우러스배와 카카오게임즈 운영 논란 당시 카카오게임즈의 운영이 정말 미흡했다는 사실을 보여주는 짤이라고 봅니다. 우마무스메 챔피언스 미팅을 해보신 분은 알겠지만, 정말 준비하는 데 오랜 시간이 걸립니다. 조부모말, 부모말, 고점작한 레이스말까지.. 좋은 한 마리를 뽑는 데에도 기약할 수 없을 정도의 많은 시간을 필요로 하는데 챔미를 위해선 여러 말을 뽑아야 합니다. 그렇기 때문에 일본 서버에서는 챔피언스 미팅 공지를 미리 해주었습니다. 제 기억으로는 3주 정도? 해줬던 걸로 아는데, 카카오게임즈는 그렇지.. 2022. 12. 10.
[JS] 49. forEach Method 안녕하세요. 박기린 입니다. for-of문에 이어서, 이번엔 forEach 문에 대해 알아보도록 하겠습니다. for-of 문이었을 때 const movements = [200, 450, -400, 3000, -650, -130, 70, 1300]; for (const movement of movements) { if (movement > 0) { console.log(`You deposited ${movement}`); } else { console.log(`You withdrew ${movement}`); } } movements 라는 Array가 있습니다. 양수일 경우 예금을, 0 또는 음수일 경우 출금으로 인식하는 코드입니다. for-of문의 경우 위처럼 사용합니다. movement라는 변수에 배열.. 2022. 12. 9.
48. Array의 기본 메소드 part.2 (slice, splice, reverse, concat, join, at) Array 내장메소드 part 1. https://arnopark.tistory.com/549 part 2. https://arnopark.tistory.com/499 안녕하세요. 박기린 입니다. 이전에 설명한 Array의 기본 메소드 part.1에 이어서, 자주 사용되는 Array의 내장메소드를 추가로 설명하겠습니다. Array.prototype.slice() let arr = ['a', 'b', 'c', 'd', 'e']; arr.slice(2); // c d e arr.slice(2, 4); // c d arr.slice(-2); // d e arr.slice(1, -2); // b c arr.slice() // a b c d e 2022. 12. 7.
[Codespaces] 아이패드로 코딩하는 코드스페이스 (파이썬, 주피터, JS, npm, 리액트) 깃허브의 수익 상품 Codespaces (코드스페이스) : https://arnopark.tistory.com/548 Copilot (코파일럿) : https://arnopark.tistory.com/553 안녕하세요. 박기린 입니다. 코드스페이스 베타테스터 기린 깃허브에서는 Codespaces(코드스페이스)라는 클라우드-원격 vscode 기반 코드 편집 프로그램을 발표하고, 베타테스터를 모집하였습니다. 저 또한 이전에 베타테스터를 신청하고 오랜 시간 기다린 끝에 당첨이 되었었습니다. 그러고 몇 달이 지나.. 이제 코드스페이스 베타테스트가 종료된다는 공지와 함께 무료 이용권도 없어진다고 메일이 왔습니다. 사실 쓸 일이 없어서 별로 쓰지는 않았지만, 기한이 만료가 되기 전에 마지막으로 한 번 사용해보고, .. 2022. 12. 6.
[모동숲 섬꾸 - 야외] 얼음궁전/겨울테마/얼음테마 작성자는 레퍼런스에 중독된 사람입니다. 의도적으로 따라했든 아니든, 어딘가에서 본 것을 참고해서 만들었을 가능성이 매우매우 높습니다. 안녕하세요. 박기린 입니다. 이번엔 12월의 겨울, 크리스마스, 연말과 새해에 어울리는 [얼음궁전-겨울테마]를 지어봤습니다. 그리고 확실하게 말씀드릴 수 있습니다. 이 작품은 순도 95% 다른 사람의 작품을 따와서 만들었습니다. 얼음궁전 얼음궁전에 오신 것을 환영합니다~ .. 사실 얼음궁전이라기 보다는 얼음 칵테일바에 가까워 보입니다. 그래도 얼음 가구, 벽들이 멋있게 세워져 있고, 크리스마스 트리와 얼음 조명이 화려하게 비추고 있고, 얼음 곰과 눈사람과 루돌프가 있으니 얼음 궁전이라고 할 수 있지 않을까요? 지금도 충분히 좋지만, 사실 눈밭이 쌓인 상황에서 보면 더 예쁘.. 2022. 12. 5.

티스토리툴바