본문 바로가기

개발30

728x90
반응형
뷰(Vue.js)란 무엇이며 누가 사용하는가? 뷰는 무엇인가?뷰(Vue.js)는 프론트엔드 개발용 프레임워크이다. 뷰는 리액트와 양대 상맥을 이루는 오픈소스 프론트엔드 개발용 프레임워크이다. 뷰에서는 화면을 개발할 때 HTML와 CSS, Javascript를 조합하여 사용한다. 뷰로 개발할 때는 통합개발환경(Integrated Development Environment, IDE)으로 Visual Studio를 많이 사용하는 편이다.뷰의 특징뷰에서는 화면을 개발할 때 HTML와 CSS, Javascript를 조합하여 사용하기에 기존의 웹 개발자들이 빠르게 익힐 수 있는 특징이 있다. 뷰는 프레임워크답게 코드 재사용성이 높고 화면 배치를 위해 HTML과 CSS를 사용하기에 직관적이라 코드 생산성이 높다. 뷰는 개발 기간이 짧고 자주 수정되는 SI 업계에.. 2024. 11. 13.
[IT 용어] ESLint 정의ESLint는 자바스크립트 코드를 분석하여 문제점을 알려주는 정적 분석 도구이다. 코딩 스타일 등의 자체 규칙을 설정할 수 있다.기타ESLint는 코딩스타일을 통일해야 하는 대부분의 개발 프로젝트에서 사용하기 적합하다. 특히 숙련도가 낮은 인원들이 많은 상황에서 ESLint를 사용하면 최저 코드 품질을 방어하는데 도움이 된다. 참고문서ESLint, 위키백과, 2023년 4월 14일. @원문보기 2024. 8. 20.
[Vue.js] Visual Studio Code에서 NPM을 못 찾는 경우 Vue.js 개발 환경을 구성할 때 Visual Studio Conde의 터미널에서 NPM을 못 찾는 경우 터미널을 Git Bash 또는 PowerShell로 변경하면 NPM을 잘 찾을 수 있다.현상아래와 같은 오류 메시지가 나타나며 NPM의 버전을 못 찾는다.C:\frontend>npm -vnode:internal/modules/cjs/loader:1080 throw err; ^Error: Cannot find module 'C:\Program Files\nodejs\node_modules\npm\bin\node_modules\npm\bin\npm-cli.js' at Module._resolveFilename (node:internal/modules/cjs/loader:1077:15) a.. 2024. 8. 11.
채용 공고가 마감되었고 124명이 지원했다. 내가 재직 중인 사업부의 채용 공고가 마감되었다. 채용 공고는 잡코리아와 사람인에 게시되었는데 지원자 수는 잡코리아가 95명이었고 사람인은 29명이었다. 유료도로 요금 수납 시스템 개발에 총 124명이 지원했으며 이 중에 선별된 지원자 분들이 기술면접과 임원면접을 거쳐서 최종합격될 예정이다. 입사하게 되면 국내 사업은 물론 해외 사업에 참여하여 개발을 진행해야 하기에 외국어 역량이 높을 수록 일하기가 좋다. 입사하게 되면 외국어 교육 지원을 통해 외국어를 익힐 수 있다. 또한 외국어 성적에 따른 인사고과 반영도 있기 때문에 열심히 외국어 역량을 갖춰야 한다. 개발 역량은 사업부 내에 멋진 개발자 분들이 계셔서 개인이 노력만 하면 충분히 일과 중에 익힐 수 있다. 가장 중요한 것은 다른 사람과 원활히 소통.. 2024. 3. 1.
방글라데시 파드마 교량 요금 수납 시스템 개발 및 구축 프로젝트 참여 후기 ※ 본 글은 제가 파드마 교량 요금 수납 시스템 구축 프로젝트에 참여한 경험을 담고 있습니다. 보안 관계상 투입 인력과 적용된 기술 같은 것들을 명시할 수 없는 부분이 있습니다. 프로젝트 참여 배경 한국도로공사가 PC 프로그램으로 하던 기존 업무를 웹 기반으로 전환하면서 교통 분야에 웹 개발 인력이 많이 필요하게 되었다. 처음에는 중요도가 낮은 시스템부터 차근차근 웹으로 전환하다가 이제는 가장 핵심적인 시스템도 웹 기반으로 전환된 상황이다. 이런 상황에서 한국도로공사가 방글라데시 파드마 교량(대교)에 요금 수납 시스템을 구축 및 운영하는 사업을 수주하였고 이 사업에 에스트래픽이 참여하면서 내가 채용되어 해당 프로젝트에 참여하게 되었다. 참여한 내용 나는 요금 수납 시스템 중 운영 시스템 개발에 참여했다... 2024. 2. 9.
Visual Studio Code 기반 Vue.js 개발 환경 구성하기 Vue.js 를 개발하는 환경을 구축하는 방법은 여러가지가 있다. 본 글에서는 무료로 사용가능하고 충분히 높은 생산성을 낼 수 있는 Visual Studio Code 기반 Vue.js 개발 환경을 구축하는 방법을 소개한다. 1. Visual Studio Code 설치 Visual Studio Code 설치 파일을 아래의 주소로 이동하여 다운로드 받는다. Visual Studio Code 다운로드 주소: https://code.visualstudio.com/ 다운로드된 설치파일을 실행하여 아래의 사진처럼 설치한다. 본 글에서는 윈도우 11 64비트를 기준으로 설명한다. 라이센스에 동의하고 '다음' 버튼을 클릭한다. 설치 경로를 적절하게 설정하고 '다음' 버튼을 클릭한다. 시작 메뉴 폴더명을 적절하게 설정하.. 2023. 12. 28.
파이썬 가상환경 활성화 하기 파이참으로 생성한 가상환경을 활성화하여 터미널로 접속하는 방법은 아래의 사진과 같다. 아래의 경로에 있는 'activate.bat'을 실행하면 된다. {프로젝트경로}\venv\Scripts\activate.bat 2023. 9. 6.
[파이썬] 설치된 패키지 버전 확인 명령어 패키지 버전 확인 아래의 명령어를 입력하면 설치된 파이썬 패키지의 정보를 확인할 수 있다. 이 정보에는 버전 정보가 있다. pip show {패키지명} 참고문서 "pip show", pip documentation v23.2.1. @원문보기 2023. 8. 30.
[IT 용어] IDE(Integrated Development Environment, 통합개발환경) 정의 IDE(Integrated Development Environment, 통합개발환경)는 소프트웨어 코드를 효율적으로 개발하도록 돕는 응용(Application)이다. 주요 IDE 목록 Visual Studio Eclipse IntelliJ IDEA PyCharm PhpStorm Spyder 참고문서 "통합 개발 환경, 統合開發環境, Integrated Development Environment, IDE", 정보통신용어사전, 한국정보통신기술협회(TTA). @원문보기 "IDE란?", Red Hat, 2023년 3월 1일. @원문보기 "IDE란 무엇인가요?", AWS. @원문보기 2023. 4. 7.
아나콘다 설치로 파이썬 개발 환경을 구축하자 파이썬(Python) 개발환경을 구축하는 가장 간단한 방법은 아나콘다(Anaconda)를 설치하는 것이다. 본 글에서는 아나콘다를 설치하는 방법을 안내한다 동영상 설명 파이썬 개발 환경 구축 - 아나콘다 설치 아나콘다 다운로드 및 설치 아나콘다 홈페이지(https://www.anaconda.com/products/distribution)에 가서 아나콘다 설치파일을 다운로드한다. 다운로드한 설치파일을 실행하여 아나콘다를 설치한다. 원하는 값이 없으면 기본 값으로 설정하고 설치한다. 위의 사진처럼 나타나면 'Next' 버튼을 클릭한다. 위의 사진처럼 'I Agree' 버튼을 클릭하여 아나콘다 라이센스에 동의한다. 위의 사진처럼 어떤 사용자가 사용할 것인지 선택하고 'Next' 버튼을 클릭한다. 위의 사진처럼.. 2023. 2. 12.
[2강] 스프링 프레임워크 개발환경 구축 및 예제 실행 0. 학습 목표 본 글에서는 스프링 프레임워크 개발환경을 구축하고 제가 만든 예제를 실행하는 것을 학습합니다. 제가 만든 예제는 조금씩 업데이트 될 것이며 실무적으로 스프링 기반 개발을 할 때 도움이 될 것입니다. 글과 사진으로 설명하는 것보다 동영상이 더 편하신 분들은 아래의 영상을 참고해주세요. 2강. 스프링 프레임워크 개발 환경 구축 및 예제 실행 1. 통합개발환경 설치 1-1. 통합개발환경 다운로드 스프링 프레임워크 통합개발환경(Integrated Development Environment, IDE)으로 STS(Spring Tool Suite 4)를 사용합니다. STS를 설치하기 위해 아래의 주소로 이동하여 STS 4.3.1 버전을 다운로드 받습니다. STS 4.3.1 다운로드 주소: https:.. 2023. 2. 9.
"please select a valid python interpreter"가 나타날 때 조치 방법 최근 몇년동안 점유율이 급등한 파이썬(Python)이지만 아직도 버전 관련 호환성 이슈가 있다. 파이참(PyCharm) 2022.2.3 버전에서 "please select a valid python interpreter" 메시지가 나타난다면 아래의 순서로 해결할 수 있다. 파이썬 인터프린터가 설치되었는지 확인한다. 아래의 사진처럼 파이참의 파이썬 인터프린터 설정에 가서 파이썬 인터프린터 설정을 한다. 설정을 할 때 분명히 파이썬 인터프린터가 설치되었고 정상동작하는데 오류 메시지가 나타난다면 파이참과 파이썬 버전 호환 문제이므로 파이참 버전을 구버전으로 낮추면 해결이 가능할 수 있다. 2022. 11. 9.
윈도우에 OpenJDK 8을 설치하자 OpenJDK 8을 사용하는 이유 OpenJDK를 사용하는 이유는 여러가지가 있겠지만 보통은 라이센스 때문이다. 하지만 나처럼 알고리즘 공부 때문에 사용하는 경우도 있다. 특히 SW Expert Academy의 경우 OpenJDK 8를 지원하기 때문에 OpenJDK 8을 사용할 수 밖에 없다. OpenJDK 윈도우 설치 방법 OpenJDK를 설치하기 위해 아래의 주소로 이동하여 윈도우에서 OpenJDK를 쉽게 설치할 수 있도록 빌드해놓은 것을 다운로드 받는다. OpenJDK 윈도우 빌드: https://github.com/ojdkbuild/ojdkbuild 아래의 사진처럼 인스톨러를 다운로드가 완료되면 실행한다. 'Next' 버튼을 누른다. 약관에 동의하고 'Next' 버튼을 누른다. 기본값으로 설치할 .. 2022. 10. 11.
[CentOS 7] Express 방화벽 허용 Node.js의 웹 개발 프레임워크인 Express의 포트를 확인하고 방화벽 설정을 해두어야 본인이 원하는 위치에서 원활하게 접속이 가능하다. CentOS 기준으로 Express 프로젝트가 사용하는 포트를 확인하고 적절한 포트를 아래의 사진처럼 입력하면 방화벽 규칙이 추가된다. firewall-cmd --permanent --zone=public --add-port=포트번호/프로토콜 아래의 명령어를 입력하여 CentOS 방화벽 규칙을 적용한다. firewall-cmd --reload 아래의 명령어를 입력하여 적용된 CentOS 방화벽 규칙을 확인한다. firewall-cmd --list-all 다시 웹브라우저로 실행한 Express 프로그램에 접속하면 아래처럼 잘 나타나는 것을 확인할 수 있다. 2022. 9. 22.
브라우저 보안 정책 때문에 웹 포트번호도 신중히 정해야 한다. 웹 서버를 구축하는 중에 남은 포트가 별로 없어서 임의로 포트번호를 넣었는데 포트번호 때문에 아래의 사진처럼 파이어폭스 브라우저에서 차단한다. 인터넷 기반 개발에 복귀한지 얼마되지 않아서 굉장히 당황했다. 앞으로는 웹은 포트번호를 신중히 선정해야 유지보수 요소가 적어지지 않을까 싶다. 2022. 8. 8.
라라벨 8 시간/타임존 변경 PHP 설정과 DB 설정에 가서 타임존을 변경하였는데도 시간이 의도와 달리 나온다면 라라벨 8의 자체 타임존을 확인해볼 필요가 있다. 라라벨 8 설정 변경 아래의 명령어처럼 라라벨 8 설정 파일을 텍스트 에디터로 연다. vi config/app.php 그러면 아래와 같은 화면이 나타나는데 timezone을 찾아보자. timezone 설정을 찾았다면 UTC로 되어 있는 것을 원하는 시간으로 수정한다. 필자의 경우 우리나라(대한민국) 표준시인 서울로 설정하였다. 'timezone' => 'Asia/Seoul' 설정파일을 저장하면 바로 적용된다. 정상적으로 반영되었는지 테스트 해본다. 2021. 11. 12.
안드로이드 무선 디버깅으로 앱 실행하기 오랜만에 안드로이드 어플리케이션을 개발하게 되었는데 이런저런 기능들이 많이 추가되어서 꽤나 흥미롭게 하고있다. 내가 본 새로운 기능 중 가장 인상 깊은 것은 무선 디버깅 기능이다. 예전에도 온갖 명령어를 입력하면 무선 디버깅이 되었으나 다소 번거로웠었다. 하지만 이제는 버튼 클릭과 명령어 하나로 디버깅을 활성화할 수 있었다. 안드로이드 장치 무선 디버깅 활성화 갤럭시를 쓰는 경우 개발자 옵션으로 이동하여 무선디버깅을 활성화하면 아래와 같은 화면이 나타난다. 페어링된 장치가 없다면 페어링을 진행하면 된다. 페어링된 기기가 생겼으면 IP 주소 및 포트를 확인한다. 개발 PC와 안드로이드 장치 간 통신 활성화 아래의 사진과 같이 위의 안드로이드 무선 디버깅 화면에서 확인한 정보를 토대로 개발 PC와 안드로이드.. 2021. 6. 28.
논문 작성할 때 유용한 그래프 생성 툴 그누플롯(GNUPLOT) 처음 논문을 작성할 때가 기억이 난다. 그래프를 그려야 하는데 엑셀로 그래프를 그리면 뭔가 허접해보였고 저명한 저널에서 볼 수 있던 논문의 그래프처럼 다양하게 그려지지도 않았다. 원하는 그래프 형식을 개념적으로 정의한 후 이것 저것 시도하였으나 마땅한 방법을 찾지 못 하고 있을 때 선배에게 물어봤는데 그누플롯(GNUPLOT)을 쓰면 그런 문제가 해결된다고 설명을 들었던 기억이 난다. 그누플롯은 무료 2D, 3D 그래프 생성 툴이며 현재 5.4.1까지 출시되어 있다. 그누플롯은 홈페이지(www.gnuplot.info/)에서 무료로 다운로드 받을 수 있다. 사용법을 다루고 있는 pdf 자료와 사진형식으로 공개되어 있는 데모가 있어서 사용법을 금방 익힐 수 있다. 그누플롯을 실행하면 위와 같은 화면이 나타나는.. 2020. 12. 20.
[C#] 구글 블로거 API - 블로그 정보를 읽어오자 한국을 소개하는 영어 블로그를 운영해보려고 하는데 몇 가지 프로그램을 개발하는 것이 편해보여서 구글(Google) 블로거(Blogger) API(Application Programming Interface)를 사용하는 방법을 소개하고자 한다. 사용하는 기능 유형별 예제를 본 블로그에서 정리할 예정이고 소스코드가 어느 정도 모이면 Github에 공개할 예정이다. using System; using System.Collections.Generic; using System.Linq; using System.Text; using System.Net; using System.IO; namespace BlogInformation { class BlogInformation { static void Main(strin.. 2020. 12. 9.
자바 프로그래밍이란? 개발사 자바(Java)는 썬 마이크론시스템즈(Sun Microsystems)에서 1995년에 개발된 객체 지향 프로그래밍 언어이다. 제임스 고슬링(James Arthur Gosling)이 고안하였으며 현재 강력한 프로그래밍 언어 중 하나이다. 2010년에 썬 마이크론시스템즈가 오라클에 인수되어 오라클 홈페이지에서 자바 프로그래밍에 필요한 프로그램인 JDK(Java Development Kit, 자바 개발 도구)를 다운받을 수 있다. JDK 종류 JDK는 크게 OracleJDK와 OpenJDK로 구분 가능한데 라이센스 정책이 OpenJDK는 무료이며 OracleJDK의 경우 유료화가 진행되고 있으므로 사용하고자 하는 목적에 따라 구분하여 사용하는 것이 필요하다. 개인이 학습 목적으로 사용하는 것에는 둘 다.. 2020. 12. 5.

티스토리툴바