본문 바로가기
카테고리 없음

개발환경 구축하기(각종 소프트웨어 설치)

by 글로리. 2020. 8. 24.

Python

파이썬 설치 / 미설치 시 화면

 

Sublime Text 3

  • http://www.sublimetext.com/3 -> 컴퓨터 운영체제에 맞게 다운로드
  • 사용 이유 : 소스코드 입력에 용이함.
  • 사용을 용이하게 할 환경설정, 패키지 설치
{
    "bold_folder_labels": true,                 // 사이드바에서 폴더를 굵게 표시
    "font_size": 12,                            // 글자 크기
    "highlight_line": true,                        // 작성중인 행을 색상으로 강조
    "highlight_modified_tabs": true,            // 수정된 탭을 색상으로 강조
    "ignored_packages": [                        // 무시할 플러그인 (기본값 유지)
        "Vintage"
    ],
    "line_padding_bottom": 3,                    // 소스코드의 하단 여백 수준
    "overlay_scroll_bars": true,                // 스크롤바가 에디터 위에 떠 있는 상태로 표시
    "tab_size": 4,                                // 탭키에 대한 공백 갯수
    "theme": "Brogrammer.sublime-theme",
    "translate_tabs_to_spaces": true,            // 탭키 입력시 공백으로 변환
    "trim_trailing_white_space_on_save": true,  // 저장시 각 행의 뒷부분에 포함된 불필욯나 공백 삭제
    "word_wrap": true                            // 소스코드 자동 줄바꿈
}

 

패키지 이름 설명
AFileIcon 사이드바에서 파일의 종류별로 아이콘을 표시함
AllAutocomplte 코딩시 자동 완성 기능을 지원함
AutoCloseHTMLTags HTML 태그 작성시 마침 태그를 자동으로 추가함
AutoFileName HTML,CSS,JS등에서 다른 파일을 참조해야 할 경우 파일의 경로명에 대한 자동 완성 지원
ColorHightlight HTML,CSS,JS 등에서 색상 코드값을 사용할 경우 실제 색상으로 강조함
CovertToUTF8 UTF8이외의 형식을 깨지지 않게 함 (ex:EUC-KR)
Emmet CSS선택자에 따른 HTML태그 자동 작성 기능
GitGutter Github과 연동되어 있는 프로젝트를 작업시 변경된 파일들을 표시함
HTML-CSS-JSPrettify HTML,CSS,JS파일의 코드 자동 정렬 기능
IMESupport 한글 입력의 부자연스러움을 해결함
SublimeLinter 코드 작성시 구문 에러가 있는 부분을 표시함
SyncedSideBar 현재 작업중인 파일과 사이드바에 선택되어지는 파일을 동기화 함
  • preferences메뉴 -> Package Settings -> HTML/CSS/JS Prettify -> set 'node' Path

 

JAVA

JAVA 설치 완료시 명령프롬프트 화면

 

 

MySQL

  • 1) MySQL은 Visual C++ 재배포 가능 도구에 의존
  • 2) MySQL 압축패키지 다운로드
  • 3) 압축해제 한 폴더 안에 'data'라는 이름의 새 폴더 생성
  • 4) 같은 폴더 안에 'my.ini'라는 이름의 새 텍스트 파일 생성 후 아래의 내용 입력

     

     [mysqld]
 basedir=MYSQL이_설치된_폴더
 datadir=MYSQL이_설치된_폴더\data
 port=3306
  • 5) JAVA처럼 환경변수 설정
  • 6) 명령프롬프트(관리자 권한)에서 mysqld --initialize(몇초 후 data폴더 안에 파일 생성됨)
    -> mysqld --install -> net start MySQL
  • 7) 비밀번호 변경 
     alter user 'root'@'localhost' identified with mysql_native_password by'사용할비밀번호';

 

HTML

  • XMind8 : 마인드맵 제작 도구
  • 카카오 오븐 : 웹 기반의 무료 와이어 프레임 도구
  • Node.js : Javascript 실행 엔진. 'npm'라는 CLI기반의 도구를 함께 제공. 'npm'를 통해 웹 페이지 제작의 보조도구 설치가능.

 

 

JSP

  • 1) JDK 환경 구축 -> 위에서 이미 설치 했으므로 패스
  • 2) Apache-Tomcat 다운로드
  • 3) Eclipse 설치
  • 4) Eclipse 환경설정
    • (1) 파일 인코딩 설정 : Preferences -> General -> Workspace -> Text file encoding -> Other:UTF-8
    • (2) 기본 웹 브라우저 : Preferences -> General -> Web Browser -> Use external web browser -> Chrome
    • (3) 톰켓 연결하기 : Preferences -> Server -> Runtime Environments -> Add -> 설치한 톰켓 버전.
    • (4) CSS, HTML, JSP파일에 대한 기본 인코딩 설정 : Preferences -> Web -> CSS Files(HTML Files, JSP Files) -> Encoding : UTF-8
    • (5) 기본 JSP 웹 페이지 템플릿 구성 : Preferences -> Web -> JSP Files -> Editor -> Templates -> html5 -> edit -> 아래 내용 입력
<%@ page language="java" contentType="text/html; charset=${encoding}" pageEncoding="${encoding}"%>
<%@ page trimDirectiveWhitespaces="true" %>
<!doctype html>
<html>

<head>
    <meta charset="${encoding}" />
    <title>Hello JSP</title>
</head>

<body>
    ${cursor}
</body>

</html>

 

jQuery

 

저작자표시

댓글

티스토리툴바