web sprit

영어로 툴을 사용하는 것을 지향하지만 영어는 늘 적응이 힘들다... VSCode의 언어를 한국어로 변경하고 다시 영어로 변경하는 방법에 대해 알아보겠습니다. 1. 영어를 한국어로 변경하기. 1-1. VSCode 실행. 1-2. Extensions 클릭. 검색창에 "korea" 입력. 1-3. Korean Language Pack for Visual Studio Code 패키지 검색 후 install 클릭하여 설치. 1-4. 우측하단에 Restart Now 클릭. 1-5. 다시 실행되면서 한국어로 바뀐화면을 확인할 수 있습니다. 2. 한국어를 영어로 변경하기. 2-1. VSCode를 실행하고 Command palette(명령팔레트)를 실행해 준다. (단축키 : ctrl + shift + p). 2-2. 검..

VSCode 설치방법에 대해 알아 보겠습니다. 다운받아 설치하는 것은 별 의미없다고 생각할 수 있겠지만 초보자 분들에게 안내한다는 심정으로 정리해 보겠습니다. VSCode는 줄임말로 풀네임은 Visual Studio Code 입니다. 마이크로 소프트에서 제공하는 무료 에디터 툴입니다. 원래는 Sublime Text를 사용했으나 이참에 정리하면서 VSCode로 갈아 타려한다. 그럼 VSCode 설치방법에 대해 알아 보겠습니다. 1. 설치파일 다운받기. Visual Studio Code - Code Editing. Redefined Visual Studio Code is a code editor redefined and optimized for building and debugging modern web a..

Git을 하게 되면 내가 작업하는 공간에는 필요하지만 remote(원격)에 push를 무시해야 하는 경우가 있습니다. 이런 경우는 소스 파일이라던가 올리면 충돌이 일어나 오류를 범할 수 있기 떄문입니다. 특정 파일이나 폴더의 push를 막기 위해서는 다음과 같은 방법이 있습니다. .git 폴더가 있는 같은 선상에 .gitignore 파일을 만들어 줍니다. ignore(무시하다)의 관리는 .gitignore 파일에서 하는데 예를 들어 test.txt파일과 test 폴더를 ignore 한다고 가정합니다. 무시할 파일및 폴더는 아래와 같이 작성해 줍니다. ## 파일 무시 test.txt ## 다음과 같은 확장자는 전체 무시 *.text *.exe *.zip ## 폴더 무시 test/ 폴더와 같은 경우 무시하는..

branch란? 간단하게 설명하자면 기존 repository(저장소)를 생성하면 master라는 branch가 생성된다. 새로운 branch를 생성하면 기존 master branch 와 별개로 영향없이 여러작업을 진행할 수 있고, 추후 작업에 대해 master branch와 안전한 merge를 위함입니다. Github에 repository(저장소)를 만들었다면 master branch를 제외한 다른 branch를 만들어 봅시다. 1. branch 만드는 방법. $git branch [branch 이름] 2. branch 목록 확인 방법. $ git branch 위 명령어를 실행하면 다음과 같은 내용을 확인할 수 있습니다. new_area * master new_area는 제가 새로 만든 branch 이고..

티스토리 에디터가 새롭게 변경되면서 오히려 예전 에디터가 편하다는 분들이 있는데 그 부분에 대해서 변경할 수 있는 방법을 알려드리겠습니다. 매우 간단한데요~ 지금의 에디터는 아래와 같은 화면이죠~ 자 그럼 변경을 위해 티스토리 관리로 들어가 줍니다. 그리고 아래와 같이 콘텐츠 > 설정 으로 가서 새로운 글쓰기를 사용하지 않습니다로 설정한 다음 변경사항을 저장해 줍니다. 다시 글쓰기 에디터를 확인해 볼까요? 이렇게 예전 에디터로 글쓰기를 하면 되겠네요~ 좋은점이나 궁금한 점이 있다면 아래 댓글 남겨 주시기 바랍니다. 감사합니다.

Github를 사용해 보겠습니다. 구체적인 내용보다는 간단하게 사용하는 방법에 대해 정리하는 것이니 편한 마음으로 따라하시면 될듯 합니다. 핵심내용은 아래와 같습니다. $ git init $ git remote add origin "repository address" $ git add . $ git status $ git commit -m "message" $ git push -u origin master $ git pull -u origin master 구체적인 내용은 추후 알아보며 올리도록 하겠습니다. ^^ 우선 Github 사이트로 이동합니다. 저장공간인 repository를 생성해야겠죠?! 1. repository 생성 로그인을 하시고 아래와같이 +(플러스)버튼을 누르면 새로운 New reposi..

Github를 test 하면서 임시로 만든 저장소(프로젝트)를 삭제하려 합니다. 삭제하는 방법에 대해 알아보는 과정에서 블로그에 정리하려합니다. GIthub 사이트로 이동~ 회원가입을 했다는 전제에 삭제할 프로젝트를 선택합니다. 그럼 다음과 같은 화면에서 Settings 탭으로 이동하여 스크롤을 하단으로 내리면 Delete this repository 버튼이 나옵니다. 클릭해 주세요~ 그럼 모달창이 뜨면서 삭제할 저장소(프로젝트)명을 기입하라고 요구합니다. 적는란에 삭제할 저장소(프로젝트)명을 기입한 후 I understand the consequences, delete this repository 버튼을 눌러 주세요. 다음화면으로는 Github 비번을 요구합니다. 본인의 Github 비번을 적고 Con..

저 같은경우 개발언어를 사용하여 블로그에 글을 올릴경우가 많은데 새로워진 글쓰기 화면이 여간 적응이 안되었습니다. 기존 블로그에 소스코드를 넣을때 Color Scripter 사이트를 이용하여 넣곤 하였는데, 새로워진 티스토리 에디터 기능으로 '코드블럭' 이라는 메뉴를 알게 되었다. 매우 심플하고 간단해서 바뀐 부분중에 제일 장점이란 생각이 듭니다. 그럼 적용하는 방법에 대해 알아보도록 하겠습니다. 글을 쓰는 상단에 보면 여러가지 에디터 기능의 버튼들이 존재합니다. 그중에서 점3개(더보기) 모양을 클릭해 줍니다. 코드블럭이라는 메뉴가 존재하는데 클릭! 그럼 팝업으로 코드를 넣을 수 있는 화면이 나타납니다. 자신이 작성하는 언어의 개발언어도 선택할 수 있습니다. 지금은 위의 사진처럼 저런 언어를 선택하여 올..

a링크를 비활성화 하는 방법은 javascript나 jQuery 로 비활성 하는 방법이 있지만 css 속성을 통하여 비활성화 할 수 있습니다. css 를 이용하는것을 권하는 이유는 가볍게 무거움을 덜 뿐 아니라 특정 상태였을때 링크를 활성화하고 비활성화 하는것에 class 추가 또는 제거를 통해 가능하기 때문이죠. 방법은 매우 간단합니다. 아래와 같이 적용해 주세요. 네이버 바로가기 href 에 네이버로 연결할 수 있게 링크를 걸어 주었지만 실제 웹으로 화면을 확인하고 눌렀을때 네이버로 링크를 가지 않는것을 확인할 수 있습니다. pointer-events 의 속성으로 none 말고 다른속성값을 개발자모드로 확인해 보았습니다. 생각보다 여러가지 속성을 가지고 있네요~ 속성값의 내용은 여기서 다루진 않고 한..

모바일에서 input 태그 폼영역을 터치하면 Android 나 IOS 에서 내용을 작성할 수 있는 키패드가 나옵니다. 이 부분을 글자를 적는 키패드가 아닌 숫자만 적을 수 있는 숫자 키패드만 나오게하는 방법이 있습니다. input 태그 작성 시 다음과 같이 작성하면 됩니다. 하지만 다음과 같은 방법은 치명적인 오류가 있습니다. Android에서는 숫자 키패드가 나오지만 IOS 에서는 키패드가 나오지 않습니다. IOS 에서도 똑같이 숫자 키패드가 나오게 하기위해선 다음과 같은 속성을 추가해 줍니다. 위와 같이 적용하면 Android OR IOS 모두 숫자키패드가 나옵니다. 또 한가지 팁 !!! input 의 type 이 number 일때 maxlength를 설정하려고 하면 실제 화면에서는 maxlength..