분류 전체보기487 JavaScript - 흐름 제어와 오류처리 순차적으로 실행되는 명령을 조건에 따라 다른 명령을 실행할 수 있도록 해주는 흐름 제어(Flow Control)를 하는 방법을 알아봅니다. 1. 블록문 가장 기본적인 명령문은 세미콜론(;)으로 구분됩니다. 이러한 명령을 그룹으로 묶는 방법이 대괄호({}) 블록을 사용하는 것입니다. 블록은 함수, 조건문, 반복문, 에러처리 등에서 명령어 그룹을 묶는데 사용되어지며 변수의 유효범위를 결정하는 단위이기도 합니다. { 문장1; 문장2; . . . 문장n; } ※참고 var를 사용하면 함수 레벨 유효범위가 되고, ES6에서 추가된 let, const를 사용하면 블록 레벨 유효범위가 적용됩니다. 2. 조건문 조건에 따라 프로그램 실행 흐름를 변경할 수 있는 기능을 제공하는 명령으로 if, switch가 있습니다. .. 2022. 4. 4. JavaScript - 데이터형, 형변환, 리터럴 1. 데이터 형(Data Type) 자바스크립트의 데이터형(Data Type)은 원시형(Premetive Type) 여섯가지와 객체형(Object Type) 한가지로 총 일곱가지가 있습니다. 1.1. 원시형(Premitive Type) - Boolean : true와 false 값을 가집니다. - null : 어떤 값이 의도적으로 비어있음을 의미하는 특별한 키워드 null을 사용합니다. 대소문자를 구별하므로 Null, NULL등은 null이 아닙니다. - undefined : 선언한 후 값을 할당하지 않은 변수 또는 값이 주어지지 않은 인수에 자동으로 할당됩니다. - Number : 정수 또는 실수형 숫자입니다. - String : 문자열 입니다. - Symbol : ES6에서 추가된 자료로 값이 고유하.. 2022. 4. 3. JavaScript - 전역변수, 지역변수, 변수범위, 변수 호이스팅(Hoisting) 1. 전역변수와 지역변수 "전역변수"는 자바스크립트 코드내의 어느곳에서나 접근할 수 있는 변수를 말합니다. 전역변수를 만드는 방법은 다음과 같습니다. - 선언하지 않고 직접사용 합니다. - var로 선언시 함수 밖에서 선언 합니다. - let으로 선언시 블럭 밖에서 선언합니다. ※ 참조 전역변수는 실제로 전역 객체(global object)의 프로퍼티(Property)입니다. 전역객체는 자바스크립트를 웹브라우저에서 실행한다면 window 가 되고, Node.js에서 실행한다면 global이 됩니다. // 함수 밖에서 선언된 전역 변수는 실제로 window객체의 property입니다. name = "홍길동"; console.log(window.name); // "홍길동" 출력 "지역변수"는 정의된 블럭내에.. 2022. 4. 2. JavaScript - 문장, 식별자, 변수선언 1. 문장(Statement) 자바스크립트 문장의 끝에는 세미콜론(;)이 있어도 되고 없어도 됩니다. 하지만 한줄에 여러 문장을 적으려면 세미콜론(;)으로 구분을 해줘야 합니다. 자바스크립트는 대소문자를 구별하며 유니코드를 사용합니다. 그러므로 변수명등 식별자에 "한글"을 사용할 수 있습니다. var 좋아하는과일 = "배"; // 변수에 공백은 사용할 수 없습니다. 2. 주석 프로그램에 설명을 달 수 있습니다. // 한줄 주석 입니다. 슬래쉬 2개 이후 부터 줄 끌까지 입니다. /* 이건 여러줄 주석입니다. slash-star부터 다음 start-slash가 나올때까지가 주석입니다. */ 3. 식별자(Identifier) 변수명, 함수명, 클래스명등 식별자는 시작하는 글자가 영문자, 유니코드가 가능하며,.. 2022. 4. 1. Node.js + TypeScript 프로젝트 만들기 자바스크립트를 공부하려다 타입스크립트를 알게 되었고, 타입스크립트를 공부하려니 간단한 테스트환경이 필요해졌습니다. Node.js는 웹브라우저가 아닌 환경에서 자바스크립트를 실행할 수 있게 해줍니다. 특히 서버 프로그램을 작성하는데 강점이 있다고 하더군요. 타입스크립트를 연습해보기 위한 간단한 환경이 될 수 있겠다 싶어서 Windows에서 Node.js와 TypeScript를 사용하는 프로그램을 위한 개발환경을 만들어 봅니다. 에디터는 Visual Studio Code(이하 vscode)를 사용하려고 합니다. ※ 작업환경은 다음과 같습니다. - Windows 10 Pro 64bit - Node.js v16.14.1 LTS : 설치 참조 - https://offbyone.tistory.com/441 - ya.. 2022. 3. 23. TypeScript를 사용하는 React App 만들기(feat. yarn berry) React와 TypeScript를 공부하는 첫 단계로 패키지 관리자 yarn을 사용해 프로젝트를 생성해 보았습니다(yarn 이외에 npm, npx를 이용한 프로젝트 생성 방법도 있습니다). 처음의 목표는 yarn berry(yarn v2)를 global로 설치를 해서 yarn classic(yarn v1)없이 바로 yarn berry + react + typescript 프로젝트를 생성하는 것이었습니다. 하지만 생성된 프로젝트는 실행시 오류가 너무 많이 떠서 포기 하였습니다. 다음으로 선택한 방법이 yarn classic으로 프로젝트를 생성한 다음에 yarn berry로 마이그레이션하고, PnP(플러그앤플레이)설정과 Zeor-Install 설정까지 하는 것이었습니다. 결론부터 말하자면 yarn berry.. 2022. 3. 20. Node.js 패키지 관리자 yarn 설치하기 Node.js의 패키지 관리자 yarn을 설치해 봅니다. Node.js를 설치하면 기본적으로 npm 이라는 패키지 관리자가 포함되어 있습니다. yarn은 npm보다 성능과 보안성을 높였다고 합니다. 하지만 이것저것 찾아보니 npm 또한 개선이 많이 되어서 성능은 거의 비슷해지고, 보안쪽도 개선이 되었다고 합니다. 처음 접해보는 입장에서 어느것이 더 나은지 판단이 되지 않습니다. yarn을 사용하는 예제가 종종 보이고, yarn을 사용하길 권장하는 모듈도 보이는지라 필요할때 필요한 것을 사용하면 될것 같습니다. 먼저 Node.js가 설치되어 있어야 합니다. 필요하면 https://offbyone.tistory.com/441 를 참고 해서 설치하면 되겠습니다. yarn의 공식 홈페이지는 https://yar.. 2022. 3. 18. Node.js 설치하기 Node.js는 Javascript로 작성된 프로그램을 운영체제상에서 일반 애플리케이션 프로그램처럼 실행시켜주는 런타임입니다. 특히, 서버 프로그램을 작성하는데 많이 사용되고 있는것 같습니다. React를 사용해보기 위해서 설치해 봅니다. Node.js 한글 사이트는 https://nodejs.org/ko/ 입니다. 설치 파일을 다운로드 받습니다. 현재 최신 버전은 17.7.1이네요. 저는 16.14.1 LTS 버전은 다운받아 설치합니다(LTS는 Long Term Support의 약자로 오랫동안 지원하는 버전을 말합니다). 다운로드 받은 파일은 node-v16.14.1-x64.msi 이고, 크기는 27.1MB 정도 입니다. 다운받은 파일을 더블클릭하여 설치합니다. 라이센스에 동의합니다. 설치 위치를 지정.. 2022. 3. 17. git 설치하기 소프트웨어 형상관리 툴인 git을 설치해 봅니다. svn을 주로 사용하고 있지만, git이 더 성능이 좋다고 하니 배워두려고 합니다. https://git-scm.com/ 에서 자신의 시스템에 맞는 파일을 다운 받습니다. 이글에서는 Windows용을 설치합니다. 현재 버전은 2.35.1이네요. 다음로드 페이지에서 64-bit 윈도우즈용 설치 파일을 다운로드 받습니다. 파일명은 Git-2.35.1.2-64-bit.exe이고, 파일 용량은 47.9MB 정도 입니다. 설치파일을 더블클릭하여 설치합니다. 설치 위치를 지정합니다. 기본은 C:\Program Files\Git 이지만, 원하는 곳으로 바꾸면 됩니다. 설치할 컴포넌트를 선택합니다. 여기서는 기본값을 사용하겠습니다. 시작메뉴 폴더를 선택합니다. 기본을 .. 2022. 3. 16. Eclipse 2021-12 버전 설치하기 이클립스 최신 버전을 설치해보려고 합니다. 기존에 사용하던것들은 모두 지우고, 새로 설치해 봅니다. https://www.eclipse.org/downloads/ 에서 최신버전으 다운로드 합니다. 현재 이클립스 최신 버전은 2021-12입니다. 파일명은 eclipse-inst-jre-win64.exe이고, 크기는 113MB정도 입니다. 앞에서 전자정부 표준프레임워크 v4.0.0을 설치( https://offbyone.tistory.com/438 )해 보았는데, 전자정부 표준프레임워크 v4.0.0는 Eclipse 2021-03 버전을 기반으로 하고 있습니다. 전자정부 표준프레임워크 v4.0.0에는 OpenJDK 15.0.2가 기본적으로 포함되어 있습니다. 이전에 이클립스를 설치할때는 JDK를 별도로 먼저 .. 2022. 3. 5. 전자정부 표준프레임워크 v4.0.0 설치하기 전자정부 표준프레임워크 v4.0.0이 새로 나왔네요. 그래서 설치를 해봅니다. 전자정부 표준프레임워크는 딱히 설치라고 할게 없고, 실행형 압축파일로 제공되므로 실행을 시켜서 원하는 폴더 아래에 압축을 풀면 설치가 되는 형태입니다. 전자정부 표준프레임워크 v4.0.0은 Eclipse 2021-03 버전을 기반으로 만들어졌습니다. JDK 11이상이 필요하다고 하네요. 하지만, 이미 OpenJDK 15.0.2가 포함이 되어 있어서 별도로 JDK를 설치할 필요는 없습니다. 새로 제공되는 템플릿은 스프링 Boot와 Reat 를 사용하는 것이 있다고 합니다. 나중에 이것도 한번 봐야 겠습니다. 사용되는 스프링 버전은 5.3.6 이었습니다. - 표준프레임워크 포털(https://www.egovframe.go.kr/).. 2022. 3. 5. Microsoft Visual Studio Code에서 Java 개발 환경 설정하기 이전에 Visual Studio Code를 설치해보았습니다. Visual Studio Code를 설치만 했을때 할 수 있는 작업이 없더군요. 필요한 언어에 대한 확장팩을 설치해야 더 나아갈 수 있었습니다. 이번에는 Visual Studio Code에서 자바(Java) 개발 환경을 만드는 방법을 알아 보겠습니다. 또한, 설치된 확장팩을 사용하여 간단한 Java 프로젝트를 만들고 실행해 봅니다. 먼저 Visual Studio Code가 설치되어 있어야겠죠. "무료 개발도구 마이크로소프트 비주얼 스튜디오 코드(Microsoft Visual Studio Code) 설치하기 https://offbyone.tistory.com/435 "를 참조하여 설치하세요. 다음으로 JDK를 미리 설치합니다. Visual Stu.. 2022. 3. 1. Adoptium Eclipse Temurin JDK 17 설치하기 Java가 오라클(Oracle)로 넘어가고 JDK바이너리가 유료화된 이후 어떤 JDK를 사용해야할지 고민이 많았습니다. 대안으로 OpenJDK를 사용하고 있었습니다. 최근에 OpenJDK의 다양한 빌드가 있고, 그중에 이클립스 재단에서 나오는 OpenJDK 빌드인 Adoptium Temurin JDK를 알게 되었습니다. 이 프로젝트에는 IBM, Microsoft, Red Hat등 업체들이 참여하고 있고, 각각의 업체에서 제공하는 JDK 빌드가 Temurin을 기반으로 하고 있다는 사실을 알게 되었습니다. Oracle JDK의 최대 라이벌인 Azul(https://www.azul.com/)에서도 Adoptium을 기반으로 하고, 유료 지원도 제공한다고 합니다. 이클립스 Temurin 홈페이지(https:/.. 2022. 2. 28. 무료 개발도구 마이크로소프트 비주얼 스튜디오 코드(Microsoft Visual Studio Code) 설치하기 개발도구로 이클립스(Eclipse)를 오랫동안 사용해왔습니다. 이클립스는 하나의 개발 플랫폼이라 플러그인을 통해서 이때까지 나에게 필요한 모든 언어를 다 사용할수가 있었습니다. Visual Studio Code에 대해서는 오래전부터 알고는 있었지만 새로운 개발도구를 배울 필요가 없었기에 사용해 보지 않았습니다. 얼마전 웹서핑 도중에 스택오버플로우에서 조사한 사람들이 선호하는 개발도구 1위가 Visual Studio Code라는 통계를 보았습니다. 얼마나 좋길래 그런지 한번 사용해 보기로 했습니다. Visual Studio Code는 Microsoft에서 오픈소스로 개발하여 배포하는 개발도구로 무료입니다. 사용할 수 있는 운영체제는 Windows, Linux, Mac에서 사용할 수 있다고 합니다. 공식 사.. 2022. 2. 27. Python 3.10.2와 PyScripter 설치하기 오랜만에 파이썬을 다시 보니 파이썬 버전도 많이 올라 갔네요. 이전에는 파이썬 3.6과 Eclipse + PyDev 조합을 사용했었습니다. 이번에는 파이썬 새버전과 좀 더 가벼운 IDE로 PyScripter를 사용해볼까 합니다. 파이썬 공식 홈페이지는 https://www.python.org/ 입니다. 파이썬 윈도우용 바이너리 다운로드 페이지는 https://www.python.org/downloads/windows/ 설치해볼것은 64bit 윈도우용 인스톨러 버전 입니다. 다운로드한 파일은 python-3.10.2-amd64.exe 이고, 크기는 26.9MB 정도 입니다. 인텔 CPU를 사용하더라도 이 파일을 사용해서 설치하면 됩니다. 다운로드 받은 파일을 더블클릭하여 설치합니다. 파이썬이 PATH환경변.. 2022. 2. 24. 이전 1 2 3 4 5 6 7 ··· 33 다음
