본문 바로가기

GiraffePark522

[모동숲 섬꾸 - 야외] 놀이공원/테마파크/놀이동산 작성자는 레퍼런스에 중독된 사람입니다. 의도적으로 따라했든 아니든, 어딘가에서 본 것을 참고해서 만들었을 가능성이 매우매우 높습니다. 안녕하세요. 박기린 입니다. 크리스마스&연말 시즌에 맞춰서 놀이공원들이 이벤트와 축제를 진행하기 시작했습니다. 모동숲 섬에서도 동물 주민들, 모동숲 친구들과 함께 연말 분위기를 즐기고 싶어서 놀이공원을 지어봤습니다. 놀이공원 - 기린파크 기린파크 놀이공원은 섬 비행장 입구에서부터 바로 들어올 수 있습니다. (섬 입구를 놀이공원으로 조성해놨다고 보면 됩니다.) 입구를 통해 입장하면 화려하진 않지만, 소박하면서도 정겹고 편안한 느낌의 놀이공원을 만날 수 있습니다. 기린파크의 트레이드 컬러는 초록과 노랑입니다. 기린파크에는 다양한 놀이기구/어트랙션이 존재합니다. 입구에 들어가자.. 2022. 11. 26.
43. Default Parameters, Reference Arguments In Function 안녕하세요. 박기린 입니다. 이번엔 함수의 '인수'에 관련된 내용인 '기본값'과 'Reference type'에 대해 알아보겠습니다. Default Parameters ES6 부터는 함수의 인수 옆에 '= (할당연산자)'를 붙인 후, expression을 넣어주면 default value(기본값)으로 설정됩니다. const bookings = []; const createBooking = function(flightNum, numPassengers = 1, price = 199 * numPassengers) { // ES5 방식 // numPassengers = numPassengers || 1; // price = price || 199; const booking = { flightNum, numPas.. 2022. 11. 25.
42-2. String 내장 메소드를 응용해보기 안녕하세요. 박기린 입니다. 저번 글에 이어서 String 내장 메소드에 대해 더 깊이 알아보겠습니다. (꼭 'https://arnopark.tistory.com/534' 이 글을 읽은 후에 본문을 읽어주시길 바랍니다.) Split and Join String의 문자들을 분리해서 Array에 저장하거나, Array에 따로 담겨진 String을 하나로 이어줄 수 있습니다. Split console.log('a+very+nice+string'.split('+')); // [a, very, nice, string] console.log('giraffe Park'.split(' ')); String.prototype.split('나누고자 하는 String') : String을 '나누고자 하는 String'을 기.. 2022. 11. 23.
42. String 내장 메소드를 응용해보기 안녕하세요. 박기린 입니다. 이번엔 String 내장 메소드를 응용한 사례들을 소개해드리겠습니다. Fix capitalization in name const passenger = 'GiraFFE'; const passengerLower = passenger.toLowerCase(); // 모두 소문자로 const passengerCorrect = passengerLower[0].toUpperCase() + passengerLower.slice(1); // 첫 글자만 대문자로 console.log(passengerCorrect); // Giraffe 대문자, 소문자가 섞인 이름을 첫 글자만 대문자인 이름으로 바꿔주는 코드입니다. String.prototype.toLowerCase() : 모든 글자를 소문자.. 2022. 11. 22.
[우마무스메 - 뽑기] 수영복 마루젠스키 획득 & 첫 육성 온천 안녕하세요. 박기린 입니다. 카카오게임즈 논란으로 우마무스메를 접었다가, 최근 카카오게임즈가 변했다는 소식과 수루젠(수영복 마루젠스키)가 픽업 출시되었다는 소식을 듣고, 오랜만에 접속을 해서 가챠를 돌렸습니다. 수루젠 뽑기(가챠) 한 겨울에... 여름을 언급하면서 등장한 수영복을 입은 마루젠스키.. 뭔가 현실과는 동떨어져 있지만, 그래도 뽑으니 기분이 좋습니다. 뽑을 때는 '나리타 브라이언'이 픽뚫로 나왔었습니다. 수루젠은 우마무스메 뽑기 가챠권 7장 + 무료주얼 80연차 만에 나왔습니다. 명함만 얻는 것이 원래 계획이었어서, 추가 가챠는 안 할 예정입니다. 수루젠 시나리오 정보 수루젠은 잔디, 도주에 인자만 잘 받아준다면 단거리부터 장거리까지 전부 뛸 수 있는 엄청난 우마무스메입니다. 저는 부족한 단거.. 2022. 11. 20.
[모동숲 섬꾸 - 야외] 패션 부티크 (옷가게/백화점 매장) 안녕하세요. 박기린 입니다. 고오급 레스토랑에 이어서, 고오급 옷 가게 '패션 부티크'를 소개해드리겠습니다. 패션 부티크 바로 이곳입니다. 성벽 아치와 울타리, 마이디자인 바닥 타일을 이용해서 백화점 명품 매장의 분위기를 어떻게든 내보려고 노력한 모습입니다. 야외이다보니, 최대한 섬 이동 동선에 꼬이지 않도록 만들 필요가 있었습니다. 그래서 벽을 울타리로 막은 게 아니라, 아치를 이용해서 옆문으로도 들어올 수 있게 만들었습니다. 옷가게 내부 동선도 원활하게 끔, 부지를 넓게 책정해서 건설하였습니다. 야외에서 옷가게를 따로 만드는 일이 쉽지는 않았습니다. 어떤 가구와 울타리로 벽을 세울지, 어떤 마이디자인으로 바닥을 깔아서 좋은 분위기를 낼지, 옷은 어떻게 진열을 할지 고민이 많았습니다. 초기 버전의 모동.. 2022. 11. 19.
41. Looping Objects: Object Keys, Values, and Entries 안녕하세요. 박기린 입니다. 지금부터 Object 예약어를 이용해서 Object loop를 만드는 방법에 대해 알아보겠습니다. const openingHours = { thu: { open: 12, close: 22, }, fri: { open: 11, close: 23, }, sat: { open: 0, // Open 24 hours close: 24, }, }; 우선 openingHours 라는 객체가 있다고 가정을 하고 설명을 시작하겠습니다. Object.Keys() - names of properties Object.Keys()안에 인수로 Object 변수를 넣습니다. 그러면 해당 Object가 가진 property의 이름들을 Array에 담아서 return 합니다. const properties.. 2022. 11. 19.
40. Optional Chaining (?.) 안녕하세요. 박기린 입니다. 이번엔 Optional Chaining(옵셔널 체이닝)에 대해 알아보겠습니다. Optional Chaining의 탄생 비화 in ES2020 const openingHours = { thu: { open: 12, close: 22, }, fri: { open: 11, close: 23, }, sat: { open: 0, // Open 24 hours close: 24, }, }; 우선 위와 같은 객체가 있다고 가정을 합니다. 하지만 개발자는 이 객체의 정확한 정보를 모르기 때문에, 월요일부터 일요일까지 중에 어떤 요일이 있고 없는 지에 대해 모릅니다. 개발자는 서버에 당연히 월요일에 대한 정보가 있을 거라고 생각하고, console.log(openingHours.mon.ope.. 2022. 11. 16.
39. ES6 버전의 Enhanced Object Literals 안녕하세요. 박기린 입니다. 이번에는 자바스크립트가 ES6이 되면서 추가된 Obejct Literals (객체 리터럴)의 편리한 기능들에 대해 알아보겠습니다. Enhanced JavaScript 자바스크립트는 버전 업데이트를 지원하고 있습니다. 새로운 버전은 '코딩 작성 트렌드를 따르는 방식'을 업데이트 해주고, 다른 언어에 친숙한 개발자들도 쉽게 자바스크립트를 접할 수 있도록 도와줍니다. ES6 버전의 Object Literal 추가 업데이트 또한 다른 프로그래밍 언어들의 개발트렌드를 반영하여 자바스크립트에 적용시킨 사례입니다. Object Literals in ES6 - Object의 property에 또 다른 Object를 담으려는 경우 레스토랑의 운영 정보를 담아놓은 restaurant라는 Obj.. 2022. 11. 15.