본문 바로가기

전체 글 379

[리액트] 유령 의존성부터 시작된 yarn berry 도입기 동료 개발자의 기능을 확인하다가 제 환경에서만 동작하지 않는 에러를 발견했습니다. 이번 글에서는 문제 발생부터 원인 파악, 그리고 해결한 방법. 그다음에 유령의존성이 발생한 이유, yarn berry를 도입하여 휴먼에러를 방지한 후기에 대해 정리해보았습니다. 문제 발생 문제의 발견은 git pull를 하고 제 컴퓨터에서 yarn start를 한 시점부터 시작됩니다. 특정 기능이 추가돼서 확인차 기능을 사용했는데 다음과 같은 에러와 함께 기능이 동작을 안 합니다. [Mobx] Observable arrays cannot be frozen 해당 에러가 발견된 위치를 추적해보니 immer의 produce를 사용하는 코드에서 발생했습니다. 에러 로그를 보면 Mobx의 Observable arrays는 froze.. 2022. 2. 16.
[무협판타지] 천검기협 (완) - 은열 ★★★★☆ 작품 소개 스스로를 하늘에게 ‘선택받은 자’라 생각하며 세상을 지배한 이들이 있었다. 그들로 인해 생겨난 십 년간의 기나긴 환란과 영웅들의 항쟁. 그리고 여섯 스승이 중원의 운명을 걸고 보낸 한 명의 제자. 너희가 하늘이라면, 나는 하늘을 자르는 검이 될 것이다. 그리 다짐하며 왔건만…….누구도 나한테 뚱땡이로 올 거라고는 하지 않았잖아! 어쨌든 기왕 온 거, 세상을 구원…… 구원…….젠장, 일단 살부터 빼자. 장르 : 무협판타지 진행 상황 : 총 425화 ( 본편:425, 외전:0) / 완 작가 소개 작가 : 은열 작가의 다른 작품 : 패월진천, 무당기협 특징 [회빙환][영물][다양한 스승][정사마 대통합][개그물][암중세력][완] 리뷰 개인적으로 좋아하는 작가님이신 은열님의 천검기협입니다. 전작인 무.. 2022. 2. 7.
[리액트] VAC 패턴 적용 후기 및 장단점 VAC 패턴을 접하고 리뷰? 글을 쓴 지 어느덧 반년이 되었습니다. 나름 빨리 글을 작성한 것인지 이젠 VAC 패턴을 검색하면 상위에 랭크되는 글이 되었네요. 글을 작성한 이후로 새로운 프로젝트에 VAC 패턴을 적용해서 프로젝트를 진행해보았습니다. 나름 장점도 있었고 단점도 있어서 이번 글에선 요런 내용들을 정리해보면서 후기를 작성해보려고 해요. VAC 패턴이란 ? View Asset Component의 준말로, JSX와 Style를 관리하여 UI와 비즈니스 로직을 분리하는데 목적을 둔 컴포넌트 설계 방법론입니다. 위의 사진이 VAC 패턴을 설명하는 가장 기초적인 이미지인데요. 사진으로 느낌이 안 오니 직접 코드를 보면서 살펴보겠습니다. const SpinBox = () => { const [value,.. 2022. 2. 3.
[퓨전판타지] 죽지않는 엑스트라 (완) - 토이카 ★★★★☆ 작품 소개 공전의 히트를 친 게임 [요마대전 3]에는 갖가지 방식으로 맨날 죽는 엑스트라가 있다. 게임상에서의 활약상은 코딱지만큼도 없는 주제에 사망씬마다 전용 CG까지 달려 있는, 제작진의 사랑을 독차지한 이 엑스트라의 이름은 에반 디 셰어든! ......이것이 바로 이 게임 속 세상에 환생한 내가 갖게 된 이름이었다. 젠장!! 주인공도 아닌 매번 죽는 엑스트라로 환생한 나 살려야 한다! 어떻게든, 무슨 수를 써서든! 살아남아야 한다! 장르 : 퓨전판타지 진행 상황 : 총 500화 ( 본편:500, 외전:0) / 완 작가 소개 작가 : 토이카 작가의 다른 작품 : 로그인하자마자 VIP, 쏘지마라 아군이다!, 나 홀로 로그인 특징 [던전물][회빙환][착각물][하렘물][게임빙의물][엑스트라][요마대전][개.. 2022. 2. 1.
[Next] localstorage를 사용하는 방법 #1 localStorage 란? 웹 스토리지 객체(web storage object)의 한 종류로 sessionStorage와 함께 브라우내 내에 key-vale 쌍을 저장할 수 있도록 해주는 Web API입니다. Window.localStorage - Web API | MDN localStorage 읽기 전용 속성을 사용하면 Document 출처의 Storage 객체에 접근할 수 있습니다. 저장한 데이터는 브라우저 세션 간에 공유됩니다. developer.mozilla.org Why web storage | 영속성 web storage를 쓰는 가장 큰 이유는 영속성에 있습니다. localStorage는 브라우저가 다시 실행되어도 데이터가 사리지지 않고 남아있습니다. sessionStorage는 어떻냐구요?.. 2022. 1. 28.
[VSCode] Prettier format on save 느려진 후기 들어가며 코드 컨벤션은 협업에 있어서 아주아주 중요합니다. 그러고 이런 컨벤션은 필연적으로 자동화가 되어야합니다. 그렇지 않고 사람의 수고가 개입되면, 수고스러움이 귀찮은 누군가각 컨벤션을 깨드리게 되며 그 이후에는 더욱 빠른 속도로 악화됩니다. ( 공유지의 비극 , repo는 공유지임으로 더욱 신경써야한다) 그래서 자동화를 위해 eslint와 prettier란 툴이 가장 많이 쓰입니다. 이번 글에선 그중에 prettier에 대한 간단한 설명과 함께 적용방법, 그리고 느려진 prettier의 원인을 찾아본 내용을 적어보겠습니다. Prettier 란? An opinionated code formatter - 코드 포멧터다 Supports many languages - 많은 언어를 지원한다. Integrat.. 2022. 1. 15.
[무협판타지] 남궁세가 막내공자 (완) - 테양이 ★★★★☆ 작품 소개 천하제일 남궁세가에서 태어난 재능 없는 폐품, 막내 공자 남궁대소. 20살의 나이에 단전을 잃고 어이없게 죽음을 맞이한 그가 별안간 19년 전으로 회귀하게 된다! “뀨아?” 회귀한 그의 계획은 바로 남궁세가로부터 도망치는 것! 주어진 자신의 운명에서 기를 쓰고 벗어나려는 남궁대소의 험난한 일대기가 시작된다! 장르 : 무협판타지 진행 상황 : 총 550화 ( 본편:550, 외전:0) / 완 작가 소개 작가 : 테양이 작가의 다른 작품 : 별의 목소리가 들려 특징 [회빙환][남궁세가][천무지체][개그물][다양한 세계관][완] 리뷰 언제쯤 완결이 날까 기다렸다가 이번에 확인을 하니 완결이 나서 한 번에 몰아서 본 남궁세가 막내 공자입니다. 회귀를 하고 남궁세가를 벗어나기 위해 고군분투하지만 결국에 .. 2022. 1. 11.
[Next] Tailwind CSS 도입 및 세팅(feat.Next 12) Tailwind CSS 란? 공식홈페이지의 설명을 살펴보겠습니다. "HTML에서 떠나는 일 없이 빠르게 모던한 웹사이트를 빌드해줄수 있게 하는 프레임워크" 라는 설명으로 시작합니다. 어떤걸 보여주는가 | BEM 전통적인 방식의 CSS 중에 유명한 것으로는 BEM이 있습니다. BEM은 Block, Element, Modifier의 앞글자들을 합친것으로 각각 __와 --로 구분합니다. .header__navigation--navi-text { color: red; } 이렇게 class를 통해 스타일을 정의하고 각각의 HTML element에 입히게 되는 구조입니다. 따라서 어떻게 보이는가 보다는 "어떤걸 보여주는가" 에 초점을 맞춘 방법론입니다. 예를 들자면 위의 CSS는 header 블록의 navigati.. 2022. 1. 5.
[리액트] React.memo를 이용해 성능 최적화를 해보자 React.memo가 필요한가? 어느 때와 같이 기획문서를 보고( 실은 기획자가 없어서 뇌리에 스치는 게 기획) 컴포넌트를 만들고 있었습니다. 이번엔 차트와 관련된 컴포넌트를 구현하고 있어서, Plotly 라이브러리를 활용해 미리 만들어놨던 컴포넌트에 테스트를 붙이고 구현하고 푸시를 했습니다. 문제 인식 | 성능이 구려 푸시를 하면 일단 기분이 좋기 때문에 완성된 모습을 뿌듯하게 쳐다보고 있는데 자꾸 버벅이는 느낌이 들어 바로 파고들어가 봅니다. 콘솔 창을 열고 확인을 해보니 같은 요청이 여러번 날아가는 것을 확인했습니다. 데브툴로 봐도 같은 prop임을 확인했습니다. 같은 요청 & 같은 데이터 --> 여러번 랜더링 -> 잘못된 구조 --> 최적화라는 뇌피셜 로직이 수행되었고 바로 어떤 컴포넌트인지 확인.. 2022. 1. 3.
[역사판타지] 삼국지 : 업어 키운 엄백호 (완) - 잠룡 ★★★★☆ [ 작품 소개 ] 엄백호로 천하통일에 실패한 나는 ‘똘똘한 책사 한 명만 있었으면’ 하고 잠에 드는데··· 눈을 뜬 나에게 엄백호가 찾아와 도와달라고 청한다? “어서 이곳을 떠나야 합니다.” 엄백호군의 책사가 된 나의 천하통일 도전이 시작된다! 장르 : 역사판타지, 삼국지판타지 진행 상황 : 총 225화 ( 본편:225, 외전:0) / 완 [ 작가 소개 ] 작가 : 잠룡 작가의 다른 작품 : - [ 특징 ] [삼국지][엄백호][빙의물][책사물][완] 삼국지 게임을 즐겨하던 현대의 주인공이, 엄백호로 천하통일을 하려다가 실패하고 잠들었는데 일어나 보니 삼국지 속의 새로운 인물 잠룡으로 빙의되면서 소설이 시작됩니다. 엄백호가 자신을 2번 찾아온 (이고초려) 상황이라 군사로 임관하게 되면서 삼국지 초반부인 만.. 2021. 12. 31.
[무협판타지] 운룡회귀 (완) - 달한 ★★★☆☆ [ 작품 소개 ] 황명을 받아 영수를 사냥하는 신기영 참룡반의 반주 항몽. 신수(神獸) 기린을 상대하던 중, 동료의 갑작스러운 공격을 받아 정신을 잃는다. 눈을 뜨고 보니 25년 전 곤륜산. 뭐야? 진짜 돌아온 거야? 조상님들이 공덕을 하늘 끝까지 쌓으셨나. 이 정도로 운이 좋아도 되는 거야? 이렇게 된 이상, 회귀 전에는 꿈도 못 꾼 영물을 모조리 손에 넣어주마. 장르 : 무협 판타지 진행 상황 : 총 300화 ( 본편:300, 외전:0) / 완 [ 작가 소개 ] 작가 : 달한 작가의 다른 작품 : 천년방사 [ 특징 ] [선협물?][영수][사흉수][사영수][회귀물][곤륜][완] 선협인듯 아닌듯 경계에 서있는 소설입니다. 한 십 년 전에 이런류가 나왔다면 신선한 무협이라는 말을 들었을 소재인데 요새 선협.. 2021. 12. 31.
[Adsense] 구글 핀번호 1년 만에 온 후기 (feat.3회 실패) 제가 개인적으로 존경하는 개발자 분 중에 주니어분들께 코드 리뷰나 지식 공유를 할 때 블로그 주소를 던져주시는 분이 계셨습니다. 솔직히 너무 멋졌고 그런 블로그를 가지고 싶어 하나씩 글을 작성한지 어느덧 2년째가 되었습니다. 처음에는 자바스크립트 문법을 정리하는 글부터 썼고 최근에는 트러블슈팅이나 개발과정에서 경험했던 내용을 정리하고 있습니다. 다행스럽게도 블로그는 꾸준히 성장하여 작년에는 일일방문자 200명대, 올해는 300명대에 진입할 수 있었습니다. 이런 와중에 구글 애드센스로 구글 주식을 사보자는 발칙한 생각을 하게 되었고 현시점 기준으로 대충 300개월을 해야 한주를 살 수 있는 상황입니다... 그런 와중에 붙여 놓았던 구글 애드센스에서 주소 인증 요청이 받게 되었고, 내가 처음으로 글로벌 대기.. 2021. 12. 22.
[Next] 웹페이지의 성능 개선을 해보자 #2 (feat.LightHouse) [Next] 웹페이지의 성능 개선을 해보자 #1 (feat.LightHouse) 최근 들어 Next.js를 접하고 너무 재밌어서 기존에 미뤘던 프로젝트를 Next.js로 마이그레이션 해봤다. 바로 내 포트폴리오 사이트였는데, 2019년도인가 처음 fork를 뜨고 가져와서 내용만 업데이트를 all-dev-kang.tistory.com 이전 글에 이어서 이번에도 계속 진행해보도록 하겠습니다. 이번에는 Accessibility에 대해서 점수를 올려보도록 해보겠습니다. Accessibility 란? Accessibility 이란 해당 웹사이트에 장애가 있는 사람들이 사용할 수 있도록 설계 및 개발되는 것을 의미합니다. 따라서 다음과 같은 모든 장애에 대해 인식하고 개발하기를 권장하고 있습니다. 시각 : 시각 장.. 2021. 12. 22.
[Next] Susponse, Error Boundary 적용 후기(feat.SWR) 도입부 [리액트] React-query 도입과 Suspense, Error Boundary를 적용 React-query는 왜 도입했는가? 실제로 처음 접한 라이브러리는 react-query가 아닌 swr입니다. 진행하고 있는 사이드 프로젝트가 Next를 사용하고 있고 그래서 자연스레 swr를 도입했습니다. 사용하다 보 all-dev-kang.tistory.com 먼저 위의 글을 읽고 오시면 React-query 또는 SWR을 이용해 Susponse와 ErrorBoundary를 처리하는 구조을 왜 적용하려는 지에 대한 의문이 약간이나마 해소되실 겁니다. 다시 한번 상기해보면 SWR의 useSWR은 다음과 같은 형태를 가지고 있고 data와 error 주고 해당 값을 통해 상황에 맞는 랜더링을 하도록 예시를.. 2021. 12. 20.
[리액트] RIW 프로젝트 - scroll animated number widget RIW 프로젝트란? React Interactive Widget 이란 오픈소스 프로젝트이며, 그냥 제가 개발하면서 동적인 컴포넌트들 구현해서 오픈스소화 시킬 목적으로 합니다. Scroll animated number widget 란? 금융관련된 프로젝트를 하면서 좋은 래퍼런스를 찾곤 했는데, 그 중에 로빈후드의 홈페이지를 보고 이쁘다고 한 화면이 있습니다. 바로 위아래로 스크롤하든 변하는 숫자들입니다. 동적으로 변하는게 멋져서 저도 이걸 구현해봐야겠다고 생각했습니다. 첫번째 아이디어는 "진짜 스크롤을 이용해보기" 입니다. [리액트] 부드럽게 이동하는 숫자 컴포넌트를 구현하는 방법(feat.타입스크립트) 사이드 프로젝트를 진행하면서 다른 웹페이지를 많이 보고 공부하고 있습니다. 그러던 와중에 로빈후드의 주.. 2021. 12. 16.
[리액트] React-query 도입과 Suspense, Error Boundary를 적용해보자 들어가며 리액트를 하나보면 필연적으로 흰화면에 loading...를 띄우는 경험을 해보셨을 것이라 생각합니다. 그리고 주로 데이터가 없는 경우 if 문으로 분기처리를 하게 됩니다. 위의 방식이 나쁜것은 아닌데 하나의 컴포넌트에 return 문이 여러개가 되는 상황이 발생합니다. 아니면 삼항연산자로 분기처리를 하던가요. 그래서 조금더 리액트스러운 방법을 생각했고 Suspense와 Error Boundary를 통해 개선했습니다. 이번 글에서는 이 경험을 다뤄보도록 할게요. React-query는 왜 도입했는가? 뜬금없이 loading... 처리 얘기를 하다가 갑자기 React-query가 왜 나오냐? 하실수도 있습니다. 하지만 생각하보면 당연히 데이터패칭과 관계될수밖에 없는 것이 주로 loading을 보여줘.. 2021. 12. 15.
[서평단] 2021 길벗 15차 서평단 회고 및 최종 리뷰 개인적으로 책으로 공부하는 것을 좋아하는 저에겐 길벗 서평단은 좋은 선물이었습니다. 매달마다 오는 메일을 기다리면 이번달에 어떤 책을 볼수 있을까라는 기대감을 가지게 해 주기도 했습니다. 제 지인 중 한명은 검증되지 않는 책을 보는 것은 시간낭비와 잘못된 정보를 가질수 있다는 말을 했지만, 어차피 저는 이 한 권만 읽고 말 것이 아니기 때문에 그냥 오는 족족 다 보았습니다. 아래는 올해 서평단을 통해 읽었던 책 8권입니다. 처음 배우는 애저 - 김도균 처음 배우는 셸 스크립트 - 장현정 학교에서 알려주지 않는 17가지 실무 개발 기술 - 이기곤 쓰면서 익히는 알고리즘과 자료구조 -윤대석 파이썬으로 배우는 포트폴리오 - 곽승주 개발자에서 아키텍트로 - 마이클 킬링 러닝 리액트 2판 - 알렉스 뱅크스, 이브.. 2021. 12. 14.
[개발툴] UX/UI 디자이너를 위한 실무 피그마 지은이 : 클레어 정 [ 선택 이유 ] 프론트엔드 개발을 하다가도 가끔씩 아이콘, 디자인을 해야 할 때가 있습니다. 그때마다 UI팀에 요청하는 것도 시간이 걸리고, 사이드 프로젝트일 때 어쩔 수 없이 아이콘이나 사진 등을 인터넷에서 들고 와야 하는 불편한 상황이었습니다. 그래서 디자이너 친구에게 디자인툴을 배우려고 하고 있었는데, 그전에 피그마 책을 읽으면 좋겠다는 생각을 했습니다. 그런 와중에 마침 길벗 책에 있길래 냉큼 신청했습니다. [ 본문 ] 저같은 디자인 초보자도 읽기 쉽게 구성이 되어있습니다. 단락 사이사이에도 Tip도 있어서 실무에서 쓸만한 지식도 나오고또 각각의 버튼에 대한 설명이 상세하게 나와있어 시간 들여 읽으면 딱 좋을 거 같습니다.그래서 어젠 직접 해보지 안 보진 않고 책만 쭉 읽었.. 2021. 12. 14.
[Next] 웹페이지의 성능 개선을 해보자 #1 (feat.LightHouse) 최근 들어 Next.js를 접하고 너무 재밌어서 기존에 미뤘던 프로젝트를 Next.js로 마이그레이션 해봤다. 바로 내 포트폴리오 사이트였는데, 2019년도인가 처음 fork를 뜨고 가져와서 내용만 업데이트를 하고 있었다. 기존에는 바닐라JS + HTML + CSS + GithubPage를 이용했었는데, React도 익숙해졌다 싶어서 Next를 도입했고 Next 배포를 위해 GithubPage를 쓰다가 이미지 경로설정때문에 귀찮기도 하고 또 Vercel를 써보고 싶어 Vercel를 통해 배포했다.(당연히 짱짱이었음) 일단 최대한 디자인적으로 비슷하게 구현하는 것을 목표로 했고 실제 완성된 모습은 https://kang-portfolio.vercel.app/ 가면 확인할수 있다. 쨋든 배포도 하고 SEO도.. 2021. 12. 7.
[프로그래머스] 이진 변환 반복하기 - 자바스크립트 [ 문제 설명 ] 코딩테스트 연습 - 이진 변환 반복하기 programmers.co.kr [ 아이디어 ] 1레벨인데 오랜만에 풀겸 그리고 프로그래머스의 불편함으로 잠깐 글을 적는다. 아이디어는 아래의 로직을 반복하면 된다. [ 코드 ] function solution(s) { let zeroCount = 0; let transformCount = 0; while (s > 1) { let temp = s.length; s = s.replace(/0/g, ""); zeroCount += temp - s.length; s = s.length.toString(2); transformCount++; } return [transformCount, zeroCount]; } 원래라면 replaceAll를 써서 할수가 .. 2021. 12. 6.
[역사판타지] 사도세자 대륙을 꿈꾸다 (완) - 다몰랑 ★★★☆☆ [ 작품 소개 ] 사업에 실패하여 죽음을 선택한 사학도 정무신. 그가 눈을 뜬 곳은 뒤주 속이었다. 죽음을 앞둔 사도세자가 되어 가까스로 탈출한 무신. 세자의 신분을 버리고 상인이 되어 새로운 삶을 살게 된 그가 조선에 변화의 바람을 일으킨다! 장르 : 대체역사, 역사판타지 진행 상황 : 총 300화 ( 본편:300, 외전:0) / 완 [ 작가 소개 ] 작가 : 다몰랑 작가의 다른 작품 : 태제 덕령, 블랙버드 [ 특징 ] [회빙환][사도세자][정무신][대체역사][완] 역시 리뷰라는 건 금방금방 써야 하는데 벌써 읽은 지 2달이 넘어서 내용이 가물가물합니다. 귀찮아서 미루고 있었는데 완전히 까먹기 전에 리뷰 시작하겠습니다. 눈을 떴더니 뒤주? 실화임? 일단 저는 대체역사소설을 볼 때 중요한 기준이 참신한.. 2021. 12. 6.
[역사판타지] 부마 신익성 (완) - 구사 ★★★★☆ [ 작품 소개 ] 대체 역사 장편소설 『부마 신익성』 세상에 둘 도 없을 이기적인 부마의 유쾌하고, 통쾌한 활극이 시작된다! 장르 : 대체역사 진행 상황 : 총 385화 ( 본편: 385, 외전:0) / 완 [ 작가 소개 ] 작가 : 구사 작가의 다른 작품 : 대군으로 살어리랏다. 만석꾼 [ 특징 ] [대체역사][빙의물][임진왜란][선조][부마][완] 내가 좋아하는 대체역사물의 대가이신 구사님의 작품 '부마 신익성'입니다. 임진왜란이 배경이 소설은 참 많은데, 그속에서 이름난 위인이 아닌 부마가 주인공인 소설도 또 처음이라 재밌게 읽기 시작했습니다. 참고로 주인공인 부마 신익성은 실제 역사 속의 인물이니 이점 또한 대체역사의 매력이라고 할 수 있겠습니다. 대체역사 뽕의 시작은 현대인의 빙의다 대체역사 뽕.. 2021. 11. 19.
[역사판타지] 동래부사로 환생했다 (완) - 햄버그 ★★★★☆ [ 작품 소개 ] 유일한 목적은 적에게 길을 내주지 않는 것이다 장르 : 대체역사, 역사판타지 진행 상황 : 총 190화 ( 본편:190 ) / 완 [ 작가 소개 ] 작가 : 햄버그 작가의 다른 작품 : 이것이 5툴이다. 포심 패스트볼 [ 특징 ] [임진왜란][회빙환][송상현][아카데미물][장편][히로인4명][완] 대체역사는 처음으로 쓰신 것작은 햄버그 작가님의 신작입니다. 이전까진 야구 스포츠물을 쓰셨는데 이번에 새롭게 도전하셨습니다. 처음임에도 신선한 인물을 주인공으로 내세운 점, 나름의 고증을 위한 내용이 여기저기 있다는 점, 아무튼 대체역사물은 좋다는 점에서 저는 재밌게 완독할 수 있었습니다. 임진왜란 시기의 대체역사물의 새로운 인물, 송상현 동래부사 송상현은 뭔가 임진왜란의 시작을 알리는 느낌으.. 2021. 11. 2.
[역사판타지] 패업삼국지 사휘전 (완) - 신유 ★★★☆☆ [ 작품 소개 ] 유주 출신의 무장 사휘는 죽음 직전에 미래 역사학자 김동준의 기억에 연결되는 기이한 일을 겪으며 구사일생으로 살아난다. 이후 사휘는 미래기억을 바탕으로 전략과 전술을 수립하여 냉철하게 위기를 극복한다. 장르 : 역사 판타지 진행 상황 : 총 275화 ( 본편:268, 외전: 7) / 완 [ 작가 소개 ] 작가 : 신유 작가의 다른 작품 : 작은 아버지는 동탁 [삼국지 동황전], 패왕 삼국지 : 초갑질 역사물, 망나니, 재벌 아들로 환생했다! [ 특징 ] [회빙환][미래지식][새로운 인물][삼국지][완] 요새 대체역사를 하도 읽어서 그런가 웬만한 인물로 시작하는 삼국지 대체역사는 약간 밋밋하다고 생각되는 찰나에 처음 보는 인물 사휘로 빙의한 내용이고 또 미래지식이 있는 내용이라 정주행 해.. 2021. 10. 20.
[역사판타지] 삼국지 올돌골이 업적작함 (완) - Cider.cap ★★★☆☆ [ 작품 소개 ] 함께해서 더러웠고, 다시 만나지 말자. 장르 : 역사 판타지 진행 상황 : 총 200화 ( 본편:200, 외전:0) / 완 [ 작가 소개 ] 작가 : Cider.cap 작가의 다른 작품 : 없음 [ 특징 ] [회빙환][삼국지][업적시스템][올돌골][완] 매력적인 표지와 다소 불편한 작품소개를 가지고 찾아온 Cider.cap 작가님의 첫작 "삼국지 올돌골이 업적작함"입니다.삼국지에서도 거의 비중이 없으며 갈량이형님이 출사표 던지고 찾아가는 길에 등갑군이라는 참신한 갑옷을 가진 병사를 믿고 깝죽거리다가 모조리 화공에 당해 사라진 비운의 엑스트라입니다. ( 실제로도 관중이 형님이 만든 가상의 인물이라는 점에서 더 안타까움)하지만 삼국지연의 기준으로 후반부에 해당하는 북만정벌에서 나오는 기존의.. 2021. 9. 26.
[무협판타지] 무림에 떨어진 현대인 (완) - 청루연★★★☆☆ [ 작품 소개 ] 뺑소니로 요절했던 죽음의 기억이 강렬한데,‘ ……내가 조휘?’다 쓰러져 가는 조가철방의 차남이 되었다. 날아가는 새를 떨어뜨릴 권세도,의지를 관철시킬 무력도 없다. 일가족을 몰살시킬 어마어마한 빚만 있을 뿐. 허나 그 누구도 경험하지 못했을 비장의 한 수가 남아 있으니. “아버지, 조가철방을 물려주십시오.” 문명의 이기를 총동원한 현대인의 중원무림 성공기가 지금 시작된다 장르 : 무협판타지 진행 상황 : 총 297화 ( 본편:297 ) / 완 [ 작가 소개 ] 작가 : 청루연 작가의 다른 작품 : 없음 [회빙환][철방][현대지식][대장장이][신좌] 제목에 이끌려 읽게 된 소설 "무림에 떨어진 현대인"입니다. 현대의 인물이 뺑소니 사고로 무림세계의 조가철방의 둘째로 빙의하게 되면서 소설이.. 2021. 9. 7.
[프로그래머스] 땅따먹기 - 자바스크립트 [ 문제 설명 ] 코딩테스트 연습 - 땅따먹기 땅따먹기 게임을 하려고 합니다. 땅따먹기 게임의 땅(land)은 총 N행 4열로 이루어져 있고, 모든 칸에는 점수가 쓰여 있습니다. 1행부터 땅을 밟으며 한 행씩 내려올 때, 각 행의 4칸 중 한 칸만 밟 programmers.co.kr [ 아이디어 ] 완전 탐색 기법으로 푼다 색다른 로직을 활용해 푼다. [ 코드 ] 1. 완전 탐색 기법으로 푼다. 아이디어의 경우 갈 수 있는 모든 경로를 사전에 생성하고 하나씩 비교하면서 가장 큰 값을 찾는 로직입니다. permutation을 이용해 모든 경로를 생성하고 availPath 함수를 통해 갈 수 있는 경로만 최대값을 계산합니다. 테스트는 통과했지만 실행결과 시간초과가 뜨고 말았습니다. function solut.. 2021. 9. 3.
[프로그래머스] 행렬의 곱셈 - 자바스크립트 [ 문제 설명 ] 코딩테스트 연습 - 4주차 개발자가 사용하는 언어와 언어 선호도를 입력하면 그에 맞는 직업군을 추천해주는 알고리즘을 개발하려고 합니다. 아래 표는 5개 직업군 별로 많이 사용하는 5개 언어에 직업군 언어 점수를 부 programmers.co.kr [ 아이디어 ] 일단 answer 배열에 크기에 맞게 0으로 초기화 2중 for문으로 돌고 각 행렬의 곱셈은 배열 메소드 체이닝을 통해 처리 [ 코드 ] function solution(arr1, arr2) { var answer = Array.from(Array(arr1.length), () => Array(arr2[0].length).fill(0)); for (let i = 0; i < arr1.length; i++) { for (let j.. 2021. 8. 30.
[프로그래머스] 2018 KAKAO > 뉴스 클러스터링 - 자바스크립트 [ 문제 설명 ] 코딩테스트 연습 - [1차] 뉴스 클러스터링 뉴스 클러스터링 여러 언론사에서 쏟아지는 뉴스, 특히 속보성 뉴스를 보면 비슷비슷한 제목의 기사가 많아 정작 필요한 기사를 찾기가 어렵다. Daum 뉴스의 개발 업무를 맡게 된 신입사원 튜브 programmers.co.kr [ 아이디어 ] 대소문자를 구별하지 않는 조건을 위해 소문자로 전체 문자열 변경 각각의 문자열에서 2개씩 읽어가면서 조건 "알파벳으로만 이루어짐"에 따라 정규식만들고 아닌것은 쳐냄(각각 A, B 집합) 자카드 유사도를 위해 합집합과 교집합을 구하는데, A 기준으로 B에도 있는건 교집합(Intersection), 그리고 B에서 제거 자카드 유사도 식 ( 교집합 / 합집합)에 넣고 처리. [ 코드 ] function solut.. 2021. 8. 30.
[역사판타지] 킹방원 메이커 (완) - 날아오르기 ★★★★★ [ 작품 소개 ] 갑자기 정도전이 됐다. 그리고 이방원을 왕으로 만들어야 한다. 왕자의 난을 일으키지 않고... 그런데 이 시절 조선은 그냥 지옥이었다. 이것도 바꿔야 했다. 장르 : 역사판타지, 대체역사 진행 상황 : 총 348화 ( 본편:348 ) / 완 [ 작가 소개 ] 작가 : 날아오르기 작가의 다른 작품 : 철혈의 제국, 배우-조선왕이 되다! [ 특징 ] [회빙환][대체역사][정도전][빙의물][대역물][이성계][이방원][이도][개국공신][코믹][완] 대체역사에서 새로운 대작 소설이라고 감히 칭하고 싶은 소설이 나왔습니다. 현대에서 서울대 사학과 출신이었던 주인공이 고려말 시기의 정도전으로 빙의하면서 내용이 시작됩니다. 빙의한 시기는 이방원이 정몽주를 죽인 직후이며 막 조선이 건국되는 시기입니다... 2021. 8. 27.

티스토리툴바