개발 에디터 종류
·
Dev Tools
Sublime Texthttps://www.sublimetext.com/상대적으로 가볍고 성능 저하가 적은 편이라고 합니다.무료 Atomhttps://atom.io/깃헙(GitHub)에서 만든 텍스트 에디터입니다. 확장 기능도 충분하고 외국에선 인기가 많다고 합니다. (2018년 깃헙이 MS에 인수되었는데 Atom의 미래는?) Windows에서의 사용은 아쉬운 부분이 많네요. macOS에서는 문서 작업 시 자주 사용합니다. 무료 bracketshttp://brackets.io/어도비(Adobe)에서 만든 텍스트 에디터입니다.Creative Cloud 제품군이 아니고 오픈소스로 풀려 있습니다. Live Preview 기능이 기본으로 제공되는 등 시각적인 결과물을 확인하는데 특화되어 있으나 확장 기능이나 특..
node debugger
·
Dev Tools
scripts의 start 부분에 --inspect 삽입 -> npm start 입력시 해당 명령어 실행 구글 크롬에서 녹색아이콘을 클릭하면 콘솔을 통해 console.log와 크롬의 개발자 도구를사용하여 디버깅이 가능해짐 포스트 맨도 함께 활용 --inspect-brc -> 명령어를 삽입하면 시작하면서 브레이크 포인트가 걸림
VScode에서 리눅스 Bash 연동 하기
·
Dev Tools
참고 사이트 : https://daverupert.com/2018/04/developing-on-windows-with-wsl-and-visual-studio-code/ 1. file - preferences -settings에서 사진과 같이 검색 후 경로 변경 2. ctrl + ` 로 터미널 창을 연 후 Jest/ESlint 설정 https://jcon.tistory.com/49?category=771213
Linting & Testing / Jest, ESlint 설치
·
Dev Tools
code quality란?1. 코드가 해야 할 일을합니다.2. 코드에 결함이나 문제점이 없어야 합니다3. 코드가 읽기 쉽고, 유지와 확장성이 좋아야 합니다. code quality를 향상 시키기 위해선?1. Test- 1번과 2번을 향상- Testing Tool: Unit Test - Jest: Integration Test: End to End Test (front end to back end) 2. Linter- 2번과 3번을 향상- Airbnb Style Guide : https://github.com/airbnb/javascript- Logical Lint: 코드에 오류가 있는지 확인: 잠재적으로 의도하지 않은 결과가 있는 코드 확인: 위험한 코드 패턴이 있는지 확인- When: IDE 용 코드 ..
톰캣(tomcat) 설치
·
Dev Tools
톰캣 9.0 다운로드 링크 1. 다운로드 받을 버전 선택 후 zip 파일 다운로드 2. 압축 풀고 자신의 dev 폴더에 옮기기 3. 서버 탭이 안보이면 window - show view - servers 클릭 4. 하단의 서버 클릭 후 apache에서 tomcat 버전 선택 5. browse 눌러서 톰캣 경로 선택 6. 박스친 부분 체크 / http 포트를 바꾸는 이유는 데이터베이스(오라클 등)과 충돌이 일어 날수 있어서 7. 지구본 아이콘 클릭 후 localhost로 접속 했을 때 아래와 같이 나오면 설치 완료
이클립스 다운로드
·
Dev Tools
이클립스 윈도우버전 다운로드 1. 이클립스 홈페이지 - 다운로드 2. 다운로드 패키지 클릭 3. java ee 버전 다운로드 이클립스 블랙테마
자바 jdk 다운로드
·
Dev Tools
자바 SE 다운로드 링크 http://www.oracle.com/technetwork/java/javase/downloads/index.html 1. 오라클 홈페이지 - products - java - java se 2. 밑에 다운로드 클릭 3. 최신버전은 안정화가 되어 있지 않기 때문에 8버전 다운로드 4. 동의 누르고 자신에게 맡는 운영체제 다운로드 환경변수 설정 1. 내컴퓨터 속성 2. 고급 시스템 설정 3. 고급 탭 - 환경변수 - 변수 이름/값 입력 4. path 설정 - path - 편집 - 경로 앞에 %JAVA_HOME%\bin; 입력 5. 설치 확인 - 윈도우키+r - cmd 실행 후 아래와 같이 명령어를 입력하고 버전이 나오면 설치 완료
아파치(bitnami)
·
Dev Tools
bitnami wamp stack 다운로드 https://bitnami.com/stack/wamp 1. 다운로드 하기 2. 설치 화면 - 경로 폴더 , mysql 비밀번호는 기억 해두자 3. 아파치 키기 - manage servers 탭 클릭 후 아파치 스타트 4. index 파일 위치 - C:\Bitnami\wampstack-7.1.20-1\apache2\htdocs - 위 폴더 위치에 html 파일을 넣으면 해당 하는 html 파일이 나온다 5. 내 컴퓨터의 ip - 네트워크 및 공유 센터 - 로컬 영역 연결 - 자세히 - IPv4
서버관리 프로그램
·
Dev Tools
1. WinSCP 다운로드 링크 https://winscp.net/eng/download.php