호랑이 개발일기

많은 분들이 타입스크립트"만" 실행시키는 법을 잘 모르시는 것 같아 블로그로서, 공유를 해보려고 합니다. 방법은 2가지가 있습니다 웹페이지 연결하여서 웹페이지로서 테스트해 보기 순수 코딩으로서 검사해 보기 1번 방법은 굉장히 심플합니다. 변환된 index.js를 HTML 파일에 연동하여, 테스트하면 됩니다. 2. 순수 코딩으로 검사해 보기 별 다른 건 아니고 그냥 결과를 VScode 콘솔로 보는 겁니다. Code Runner VScode확장 프로그램 다운로드 npm install ts-node -g 설치 우선 설치를 한 후 확장 프로그램 또한 다운로드를 합니다. 해당 TS파일을 실행해 보겠습니다. 성공! 다들 즐코 하시기 바랍니다 설치법 설치법은 굉장히 심플합니다. Node.js / VScode 만 있으..

The template root requires exactly one element 원인 vue2 에서는 root div 태그가 필수적이었는데, vue3 로 넘어오면서 불필요한 root div 태그를 사용할 필요가 없게 되었다. 그런데 vetur 는 vue2 를 기본으로 인식하고 있어서 그런 문제가 발생한 것 같다. 해결 두가지 방안이 있었다. vue2 도 자주 사용하는 경우 방법 1을, vue3 만 사용하는 경우 방법 2를 사용하면 될 것 같다. 나는 vue3 만 사용하기 때문에 방법 1을 하지 않고 방법 2 대로 했다. 방법 1. vetur validation check 를 꺼주기 stackoverflow 를 검색했을 때는 validation check 를 꺼주면 된다고 하는데 그럼 vetur 를 사..

안녕하세요. 개발자 지구입니다. 사실 제 목표는 풀스택에 웹/앱 다양한 서비스를 만드는 개발자가 되고 싶으며, 어떠한 프로젝트를 하더라도 또 어떠한 사람과 협업을 하더라도 잘 어울리는 그러한 둥글둥글한 지구가 되고 싶어 제 또다른 이름은 지구입니다. 이러한 글을 작성하게 된 계기는 많은 분들이 정말 "개발자" 로서 준비를 하고 계십니다. 하지만, 준비가 잘된 사람도 계셨지만 어떤 걸 준비해야 하는지? 이것저것 준비하시다 보니 답변을 제대로 못하시는 경우도 많이 보았습니다. 그러므로 제가 찾아보았고 정리하였던 글을 담아보려고합니다. 오픈채팅 그리고 후기 관련은 하단에 명시되어 있습니다. 1. 학력과 학과 학력이 좋고, 학과가 컴퓨터학과와 가까울수록 좋습니다. 그러나 비 전공자라고 해서 탈락하지 않습니다. ..

스마트폰으로 모바일 웹에 접근시, input 입력창을 터치(클릭)하여 포커스가 먹으면, 화면이 확대될 때가 있다. 해결책은 아주 쉽고 간단하다. 모바일 화면 자동확대 방지 방법 사이에 viewport 메타태그를 아래와 같이 설정해주면 된다. 필요에 따라 maximum-scale=1 속성을 추가하여 확대 배율을 설정할 수도 있다. (참고) viewport 속성 width=device-width : 화면 너비를 기계 너비로 맞춤 initial-scale=1.0 : 초기 화면 크기 배율 설정 minimum-scale=1 : 최소 화면 크기 설정 maximum-scale=1 : 최대 화면 크기 설정 user-scalable=no : 사용자가 화면 확대/축소 가능 여부 설정 target-densitydpi=dev..

터미널로 하는 게 더 빠른 느낌에다가 해커 느낌이 나서 이러한 방법도 있으니 참고해 보면 좋을 듯합니다. 사진 전체적으로 찍으면 더 잘 보이지 않을까 싶었는데, 더 안 보이네요 ;; 사진 하단에 명령어 및 내용 정리 해두었습니다. ※ 우선 본인 파일에서 터미널을 열어주세요! 차근차근 잘 따라오세요! 우선 cli환경을 구축해야 하니 명령어 입력해 줍시다. npm install -g vue@/cli 설치가 정상적으로 완료가 되면 다음 명령어를 입력해 주세요. 단, 오류가 생길 경우가 있는데 구글에 물어보는 게 더 빠릅니다. vue create 프로젝트명 여기 나가기 전에, 전 매뉴얼로서 필요한 것만 다운로드하였습니다. 보통 개인적으로 할 거면 그냥 vue3 다운로드하시면 됩니다. 라우터와 vuex 다운로드 ..