메모2021. 4. 13. 16:06

웹퍼블리셔가 사용하기 좋은 webpack 을 첨부해서 올립니다. 부족한 부분이 너무 많지만 웹퍼블리셔 라는 직무를 이제 막 시작하시는 분들이 사용하면 괜찮을꺼 같아서 제작해서 올립니다. 사용방법은 README.md 파일에 작성해서 올렸습니다. 궁금한 점이 있으시면 아래 댓글 남겨 주시면 확인하겠습니다~

에디터/비주얼 스튜디오 코드(Visual Studio Code)2020. 11. 2. 14:38

최근에 어떤 뜻이 있는 문자가 아닌 말그대로 숫자와 문자가 섞여있는 랜덤 문자가 필요해서 확장 프로그램을 설치해서 사용중 입니다. 확장 패키지 이름은 Insert Random Text 입니다 1. 설치 insert random text 검색 후 설치 합니다. 2. 랜덤 텍스트가 필요한 페이지 에서- 컨트롤 + 쉬프트 + p- 검색창에 hash 검색- 본인이 사용하기에 적당한 길이의 랜덤 텍스트 선택 3. 바로 생성된 문자는 양쪽 끝에 싱글쿼티 문자가 있고 줄바꿈이 되어 나옵니다.이런 설정이 필요치 않으면 [4.] 를 보시면 됩니다. 4. 설정을 여는 단축키는 컨트롤 + 콤마(,) 입니다. 5. 상단에 random 입력 후 insert Radom... 을 선택 후 - With Quote 체크 해제 (랜덤 ..

에디터/비주얼 스튜디오 코드(Visual Studio Code)2020. 10. 21. 17:53

euc-kr 로 되어있는 파일의 내용이 깨져 보인다는 코멘트를 보고 게시글 남깁니다.https://recoveryman.tistory.com/416#comment12491690 1. euc-kr 로 작성된 문서는 vscode 에선 깨져 보입니다. 이를 바로 잡기 위해 2. 하단의 UTF-8 을 클릭하여 나오는 메뉴중 '인코딩하여 다시 열기' 부분을 클릭합니다. 3. 상단에 korean (EUC-KR) 이 있는데 이 부분을 클릭하면 4. euc-kr 로 작성된 문서를 읽을 수 있게 됩니다.

에디터/비주얼 스튜디오 코드(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까..