에디터/비주얼 스튜디오 코드(Visual Studio Code)2020. 8. 6. 02:54

이 글은 버추얼돔 같은 그런건 아니고 그냥 마크업 형태가 있는 JS를 사용하고 싶어서 작성하게 되었습니다. 전 직장에서 제 사수분이 이런 설정을 사용하여 작업을 했었는데 저는 굉장히 신선한 느낌을 받았었기에 포스팅 작성합니다. 우선 원하는 형태는 대략 이런 느낌입니다. 파일명: markup.html.js 1234567const markup = ` `; 이걸 vscode 에서 작성 한다면 html 태그 emmet 기능을 사용 못하기 때문에 일일히 손으로 타이핑을 해야하는 상황이 오게 됩니다. JS 에서 마크업 표현이 가능했으면 좋을꺼 같았습니다. 다만, '특정 이름'을 가지고 있는 파일에 대해서만 JS 에서 마크업 표현이 되었으면 합니다. 위에 굳이 파일명을 적어논 이유가 있습니다.바로 그 '특정 이름' ..

읽을거리2020. 7. 25. 06:08

이 글은 2020년 7월 25일에 작성한 글 입니다.이후에 동작에 문제가 발생하면 코멘트 부탁 드립니다. 최근 하는 일에서 a 태그의 download 속성이 서버로 올라가면 안먹힌다는걸 알았습니다.정확하게는 서버에 올라가서 라는 이유가 아니라 CDN 서버에서 이미지를 가져와서 쓰는데, 마크업 작업할땐 그런걸 대부분 염두해 두지 않고 작업을 해왔었습니다.제가 겪고있는 이런 환경에선 QA 테스트, 라이브 등에 작업물을 올릴 때 문제가 발생하죠. 이해를 돕기 위해 첨부파일을 하나 업로드 하겠습니다.첨부 파일을 다운로드 받으신 후 테스트 환경은 로컬 서버를 돌려서 확인하셔야 합니다. 상대 경로와 절대 경로 를 눌러보시면 그 차이가 명확해 집니다.상대 경로에 있는 이미지는 컴퓨터에 저장이 되는 한편 절대 경로에 ..

리액트(React)2020. 2. 3. 17:16

이 글은 제로초 님의 리액트 강좌를 베이스로 개인 공부하는 포스팅 입니다. 제로초 React 기본 강좌 https://www.youtube.com/watch?v=V3QsSrldHqI&list=PLcqDmjxt30RtqbStQqk-eYMK8N-1SYIFn리액트 공식 문서 (https://ko.reactjs.org/) 리액트리액트는 기본적으로 자바스크립트 파일 웹팩웹팩은리액트를 자바스크립트 파일로 만들어 주는 것 (쪼개진 자바스크립트 파일을 HTML이 실행할 수 있는 자바스크립트로 합쳐줌) 위에서 부터 아래로 주석 되어 있는 부분 리딩※ 중간에 결과는 최종적으로 브라우저에서 보여지게 될 형태123456789101112131415161718192021222324252627282930313233343536373..

게임2020. 1. 18. 19:37

드래곤볼Z 카카로트 컬렉터즈 에디션 한정판 입니다.PS4 를 사고 드래곤볼 게임을 두가지 사봤는데요. 둘다 너무 만족스럽네요.하나는 드래곤볼 파이터즈 입니다.파이터즈는 대전격투 게임이라면 이건 약간 오픈월드? 같은 느낌일듯 싶네요.아직 게임은 안해봤지만 드래곤볼 IP를 활용한 오픈월드라면... 기대됩니다. 전면엔 이 게임의 주인공 손오공이 있습니다. 측면엔 라데츠, 내퍼, 베지터, 손오공, 손오반, 피콜로, 야무치, 크리링, 천진반, 챠오즈 캐릭터가 있습니다.캐릭터만 보고도 이 캐릭터와 손오공 과의 관계가 기억이 나네요. 뒷면엔 게임 스틸컷과 한정판 피규어 소개가 있습니다.전투장면이 매우 화려해 보이네요 한정판 박스에 봉인라벨씰 이나 테이핑 처리가 안되어 있는건 좀 아쉽습니다.비싼 한정판에 그정도 신경은..

리액트(React)2019. 12. 31. 15:48

이 글은 제로초 님의 리액트 강좌를 베이스로 개인 공부하는 포스팅 입니다. 제로초 React 기본 강좌 https://www.youtube.com/watch?v=V3QsSrldHqI&list=PLcqDmjxt30RtqbStQqk-eYMK8N-1SYIFn리액트 공식 문서 (https://ko.reactjs.org/) 리액트에서 크게 변화된 점클래스가 바뀜 (https://ko.reactjs.org/tutorial/tutorial.html#what-is-react)React.createClass -> Class -> Hooks 자바스크립트 클래스란?서로 연관되는 변수 또는 함수를 감싸는 것 리액트를 사용할 시 장점1. 사용자 경험 - 웹에서 앱과 같은 사용자 경험을 만들어 주는게 리액트 2. 재사용 컴포넌트..

게임2019. 12. 30. 19:25

펄어비스의 쉐도우 아레나(Shadow Arena) 2차 CBT 테스터 당첨 되었습니다!개인적으로 국내 최고 수준의 게임개발사라고 생각하고 있고, 이번 2019 지스타에서 총 4개의 신작 게임을 소개했었죠.붉은사막, 섀도우 아레나, PLAN8, 도깨비 입니다.그중 제가 당첨된건 섀도우 아레나 인데요. 이 섀도우 아레나는 검은 사막의 배틀로얄 PVP 시스템을 별도로 빼왔다고 보면 될듯 합니다. 이 게임을 설명하기에 앞서 사내 테스트 유튜브를 한번 보시면 이해가 빠릅니다.필드를 돌아다니며 캐릭터를 성장시키거나 파밍을 하고, 유저와의 대결을 통해 승리 후 템을 가져올 수 있습니다.그리고 자기장을 피해 최후까지 생존하는 그런 게임입니다. 크.... 내가 이 화면을 보게 될 줄이야...초대 코드를 어서 입력해 봅니..

게임2019. 10. 31. 20:12

랑그릿사 1, 2 가 리메이크 한글화 되어서 출시했습니다!랑그릿사는 고전 명작 게임이였는데 언어의 압박 때문에 이름만 들어봤다가 이번에 접하게 되었네요.게임 방식은 턴제 SRPG 입니다. 다만 슈퍼로봇대전 시리즈 처럼 진행되는 방식은 아니고 캐릭터와 병사 조합이네요. 저는 랑그릿사 게임을 올해 나온 랑그릿사 모바일로 접하게 되었습니다.모바일 버전에 어느정도 스토리를 추측할 수 있는 시공의 균열 이라는 모드가 존재해서 대략...엘윈이라는 캐릭터는 배신을 오지게 하는 녀석이구나 라는걸 느꼈었죠. 저는 컬렉터즈 에디션 으로 운 좋게 구입할 수 있어서 구성을 보여 드리겠습니다.컬렉터즈 에디션 박스와 랑그릿사 히스토리 북입니다. 히스토리 북에는 이 게임의 특징과 전투방식 등이 소개되어 있고 랑그릿사 1 부터 5까..

게임2019. 10. 6. 02:17

복각판 레트로 미니 게임기의 최고 이슈였던 메가 드라이브 미니 입니다.전 레트로 게임을 좋아하긴 하지만 요즘 복각판으로 발매되고 있는 레트로 게임기 들은 좋아하진 않았습니다.불편한 조작감 알맹이 없는 게임 구성, 말도 안되는 가격 등이 주된 이유였는데요. 이 메가 드라이브 미니 만큼은 너무 달랐습니다. 메가 드라이브 예약판 구매하셨다면 메가드라이브 미니와, 팩 미니어쳐가 같이 옵니다. 저는 소닉 팩이 왔는데요 크기는 정말 작습니다. 전자담배 한곽 정도 되는 작은 사이즈 입니다. 물론 미니어쳐 이기에 실제 게임이 된다거나 하진 않습니다.사진에서 보이는 것과 같이 그냥 플라스틱 처리 되어 있습니다. 다음은 메가 드라이브 본체 입니다. 정말 많은 게임을 넣어 주었는데요.가장 눈에 띄는 작품이 바로 '스토리 오..

게임2019. 9. 15. 23:02

몬스터 헌터 월드 아이스본 마스터 에디션 컬렉터즈 패키지 입니다.몬헌은 예전부터 본편급의 갓패치 또는 타 게임과의 콜라보도 하는 등 게임으로 돈을 벌려면 이렇게 하는거다 라는걸 잘 보여주었죠.멀티 플랫폼 지원으로 PC 에서도 몬스터 헌터를 즐길 수 있습니다.다만 그 PC의 사양도 좋아야 하죠. 아무튼 이거 기다리고 기다리던 '그' 한정판 입니다.1분만에 품절 뜬 바로 그 한정판 입니다.크.... 얘가 이베르카나 입니다.아이스본 이라는 타이틀에 아주 적합한 외형이네요 님들...솔직히 부럽죠? 박스 열면 스틸 케이스가 보입니다. 이왕 이렇게 된거 다 꺼내 봤습니다.하나하나 찍으려니까 못참겠더라구요! 으...아..... 역대급 퀄리티!네르기간테(좌)와 이베르카나(우)입니다. 아... 미쳤어요!! 좌측에 있는건..

LG V50 ThinQ2019. 7. 7. 21:27

V50 듀얼스크린은 게임에 정말 도움되는 터치패드를 지원합니다.듀얼스크린의 터치패드를 사용하면 손가락 두개로 가리는 면적을 없애주고 게임을 더욱 몰입하여 즐길 수 있습니다.우선 요새 빠져사는 게임 몇가지를 이 듀얼스크린을 통해 플레이 해보겠습니다. 제가 가지고 있는 게임은랑그릿사, 아스팔트 9, 브롤스타즈, 포트나이트 인데요.우선 포트나이트는 너무 고인물이 많아서 뉴비인 제가 진입하기엔 많이 어렵더라구요.그래서 랑그릿사, 아스팔트 9, 브롤스타즈 이렇게 3가지 게임을 V50의 듀얼스크린을 사용해서 플레이 해보겠습니다.3개가 각각 다른 장르의 게임입니다.랑그릿사는 턴제 게임 장르,아스팔드 9 은 레이싱,브롤스타즈는... 약간... AOS? 입니다. 이런 다양한 장르의 게임을 V50의 듀얼스크린으로 어떻게 ..