song.log

개발 도중 이클립스가 제대로 종료되지 않아 이클립스를 종료하고 새로 켰음에도 불구하고 해당 포트가 사용중이라고 뜨는 경우가 있다. 이럴 때 해당 포트를 명령프롬프트 창을 통해 강제 종료 시켜서 문제를 해결할 수 있다. 1. 실행(win키 +r) > 명령프롬프트(cmd) 창 열기 2. netstat -a -o netstat는 현재 컴퓨터의 네트워크 상태를 알려주는 명령어로 어떤 포트가 사용되고 있는지 확인할 수 있다. -a : netstat의 옵션으로 연결중, 연결을 기다리고 있는 모든 포트 리스트를 표시 -o : 각 포트의 PID를 나타내는 것으로 포트를 종료시킬 때 필요로하는 정보 3. taskkill /f /pid pid번호 taskkill : 원하는 프로세스를 종료시키기 위해 쓰이는 명령어 /f :..

지금까지 이클립스만 사용하며 인텔리제이에 대한 환상을 가지고 있었다. 더군다나 유료라는 소식에 접할 수 없는 존재인가 했지만,,,! 학생 신분에서 인텔리제이를 무료로 받을 수 있다는 소식을 듣고 바로 다운로드 받고자 한다. 1. IntelliJ 학생 인증 1) 인텔리제이를 검색 → 공식 사이트 이동 www.jetbrains.com/ko-kr/ IntelliJ IDEA: JetBrains가 만든 전문 개발자용 Java IDE Enterprise Java, Scala, Kotlin 등을 지원하며 강력한 기능을 제공하고 인체 공학적으로 설계된 Java IDE www.jetbrains.com 2) 사이트 헤더 > 학습도구 > 더 자세히 알아보기 버튼 클릭 하여 이동 3) 해당 페이지의 스크롤을 조금 내리면 학생..

1. User Snippets이란? 코딩을 할 때 반복적으로 작성해야하는 코드들이 분명히 있다. 이 반복되는 틀을 간편하게 불러오기 위한 기능이 User Snippets이다. VSCode에서 리액트의 컴포넌트 코드를 만들어주는 React Snippets Extension이라는 기능도 있지만, 단축어들을 파악해야하기 때문에 따로 User Snippets을 이용하여 전체 틀을 한꺼번에 불러와 약간의 수정을 해서 코딩할 수 있도록 하려 한다. 2. User Snippets 설정 File > Preference > User Snippets User Snippets를 클릭하면 새로 User Snippets를 만들어서 모든 영역에서 사용하도록 하는 방식과 현재 프로젝트에서 사용할 파일을 생성할 수 있도록 선택권이 ..

AWS-Educate은 AWS사에서 제공하는 무료 교육 플랫폼이다. 조건은 교육이메일을 가지고 있는 사용자들만 대상이 된다는 것이다. 이 부분에서 굉장히 절망적으로 실망했지만, 대학내의 웹메일을 사용하면 바로 이 이메일이 되기 때문에 혜택을 받을 수 있다!!! 먼저 혜택을 보자면, 크레딧을 가지고 강의를 들을 수도 있고 classroom에 참여하는 것도 가능하다. 또한 구인구직을 위한 기회를 찾아보는 것도 가능하다. 1. 회원가입 AWS Educate에 가입 클릭 AWS에 등록되어있는 기관인지 아닌지에 따라 받을 수 있는 크레딧이 다르기 때문에 먼저 확인하고 입력할 필요가 있다. AWS Educate 기관 확인 pdf: https://s3.amazonaws.com/awseducate-list/AWS_Ed..

VSCode 에서 npm을 설치하고 사용하고자 할 때 아래와 같은 어려움에 부딪칠 수 있다. 이는 스크립트 실행 권한이 제한되어 있는 상태이기 때문이다. 스크립트 실행 권한을 변경하기 위해서는 Windows PowerShell을 관리자 권한으로 실행해서 변경해줘야 한다. 1. Windows PowerShell을 관리자 권한으로 실행 Window10 기준: 시작에서 windows PowerShell을 검색해서 관리자로 실행 2. get-help Set-ExecutionPolicy로 어떤 권한을 설정할 수 있는지 확인 get-help Set-ExecutionPolicy Restricted : PowerShell의 실행 권한 정책 중 기본적으로 적용되어있는 옵션. ps1 스크립트 파일을 로드하여 실행할 수 없..

- Emmet - html과 css를 보다 효율적으로 사용하기 위해. 특히, 반복적인 부분을 간단하게 만들어주는 역할 File > Settings > install 에서 emmet 검색 후 install 1. Atom을 통해 Emmet 설명 : 단축키 설명이 잘 되어 있음 2. Emmet 공식 사이트 https://docs.emmet.io/ 1. html의 기본 형태 ! + Tab 키 1 2 3 4 5 6 7 8 9 10 11 12 Document 2. Child 형태 (태그 안에 태그가 들어가게 하는 형식) div>ul>li + Tab 키 1 2 3 4 5 3. Sibling 형태 (태그를 나열하는 느낌) div+p+dq + Tab 키 1 2 3 4. Climb-up 형태 (태그 안에 태그가 들어가게 ..

https://atom.io/ A hackable text editor for the 21st Century At GitHub, we’re building the text editor we’ve always wanted: hackable to the core, but approachable on the first day without ever touching a config file. We can’t wait to see what you build with it. atom.io 1. cmd 창에 atom을 적고 바로 파일을 생성 2. atom이 실행되면서 txt 파일이 생성됨을 확인 가능 3. 에디터에 바로 입력 가능 - 사용자의 취향에 맞게 바꾸는 것이 가능 - 웹기술을 이용해서 구현되어 있는 에디터 ..

1. 한줄로 되어있는 css 파일, js 파일을 들여쓰기 해주는 사이트 https://beautifier.io/ Online JavaScript beautifier beautifier.io 2. 아이콘 가져오기 좋은 사이트 https://thenounproject.com/ Noun Project Creating, Sharing and Celebrating the World's Visual Language. thenounproject.com https://www.flaticon.com/ Flaticon, the largest database of free vector icons Download all icons in SVG, PSD, PNG, EPS format or as webfonts www.flati..