본문 바로가기

웹개발11

728x90

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.

[IT 용어] 라이믹스(Rhymix) 정의 라이믹스(Rhymix)는 XE(Xpress Engine)를 포크하여 개발한 국산 CMS(Content Management System)이다. 라이믹스 개발은 기진곰(kijin@poesis.org)님이 리드하고 있다. 특징 라이믹스는 PHP 환경에서 동작하며 태생이 국산이다보니 한국 웹 서비스 정서에 잘 맞는 기능과 디자인을 갖추고 있다. 참고문서 "라이믹스 소개", 라이믹스 공식 홈페이지. @원문보기 "Rhymix", 위키피디아. @원문보기 2023. 1. 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.

[CentOS 7] Express 4.16.1 설치 Node.js의 Express는 웹 개발용 프레임워크이다. 본 글에서는 Express를 설치하고 기본 예제를 실행해보는 것을 진행한다. Node.js가 없다면 아래의 글에서 설치하는 법을 확인할 수 있다. 2022.08.01 - [소프트웨어 개발/Node.js] - [CentOS 7] Node.js 16.15 설치하고 웹 서버 프로그램을 작성하여 실행해보자 [CentOS 7] Node.js 16.15 설치하고 웹 서버 프로그램을 작성하여 실행해보자 Node.js 16 버전을 설치하고 웹 서버 프로그램을 작성 및 실행하는 방법은 아래와 같다. 설치를 진행한 운영체제는 CentOS 7.8이다. YUM 저장소 목록 확인 아래의 명령어를 입력하여 Node.js 패키지 설치 engineeringcode.tisto.. 2022. 8. 3.

[CentOS 8] 라라벨(Laravel) 8 설치하고 PHP 내장 웹서버에서 실행하는 방법 꽤나 많은 착오가 있었기에 라라벨(Laravel) 8을 CentOS 8에 설치하는 방법을 정리한다. 라라벨을 설치하는 것 까지는 동일한데 설치된 라라벨을 실행하는 웹서버로 여러가지를 사용할 수 있어서 비슷한 내용으로 여러번 포스팅할 것 같다. 본 글에서는 가장 간단한 방법인 PHP 내장 웹서버로 라라벨 8 프로젝트를 실행하는 것을 소개한다. 설치환경은 아래와 같은데 혹시 PHP를 설치하지 않았다면 아래의 '[CentOS 8] PHP 7.4 버전 설치하는 법'를 참고하여 설치하면 된다. 설치환경 : CentOS 8.5.2111, PHP 7.4.19 2021.12.23 - [개발/리눅스] - [CentOS 8] PHP 7.4 버전 설치하는 법 1. PHP-JSON 모듈 설치 아래의 명령어를 입력하여 php-.. 2021. 12. 28.

[윈도우 10] 아파치 웹서버(HTTPD)를 설치하는 방법 웹서버는 다양하게 많이 있지만 때에 따라 아파치 웹서버(HTTPD)를 사용해야하는 경우가 있다. 본 글에서는 윈도우 10 64비트(20H2)에 아파치 웹서버를 설치하는 것을 안내한다. 0. 동영상 설명 윈도우에 아파치 웹서버(HTTPD)를 설치하자 1. 윈도우용 아파치 웹서버 다운로드 아파치 라운지에서 윈도우용 아파치 웹서버 파일을 다운로드 받을 수 있다. 설치하고자 하는 윈도우 환경에 맞춰서 적절하게 다운로드 한다. 필자의 경우 윈도우 10 64비트에 설치하려고 했기에 Apache 2.4.52 Win64 버전을 받았다. 아파치 라운지 다운로드 페이지 주소: https://www.apachelounge.com/download/ 2. 아파치 웹서버 설치 및 실행 다운받은 아파치 웹서버 압축파일을 압축해제하.. 2021. 12. 27.

스프링 프레임워크에서 트랜잭션을 설정할 때 주의해야할 것 스프링 프레임워크에서 트랜잭션을 설정하는 것은 인터넷에 잘 나와있다. 하지만 몇 가지 중요한 포인트를 놓쳐서 하루 종일 시간을 날렸다. 트랜잭션 어노테이션 혹은 트랜잭션을 위한 AOP를 설정할 때는 서블릿 컨텍스트 설정 파일(servlet-context)에다가 해당 내용을 기입해야한다는 것이었다. "설정 값만 보면 정상인데 왜 이게 동작을 안 하지?"라는 생각을 하며 있었는데 참 허탈하다. 이거 외에도 컨트롤러가 아닌 @Component, @Service, @Repository 유형의 클래스 또는 그 클래스의 메서드에다가 트랜잭션을 설정한다는 점과 트랜잭션을 위해서는 인터페이스가 필요하다는 것을 알았다. 아직은 어떤 이유로 이렇게 써야하는 건지를 모르겠다. 나중에 알게 되면 내용을 추가하겠다. [참고] .. 2020. 9. 7.

파이썬 웹 개발 환경 구축 4 - 파이참(PyCharm)에서 장고(Django) 개발 환경 설정하기 파이참이 설치되었고 잘 실행된다면 이제는 파이참(PyCharm)에서 장고(Django) 개발 환경을 구성하는 일이 남았다. 장고 개발 환경 구축은 장고 패키지 설치부터 시작하여 장고 프로젝트 생성, 장고 실행 설정을 통해 구축이 완료된다. Create New Project를 클릭하여 새로운 프로젝트를 생성한다. 새로운 프로젝트 설정은 위와 같이한다. File - Settings 를 클릭하여 파이참 설정으로 간다. Project: 프로젝트명 - Project Interpreter 에 가서 우측 상단의 + 를 클릭하여 패키지를 설치한다. Django를 검색하여 Install Package를 눌러서 설치한다. 장고 패키지 설치가 완료되면 Package 'Django' installed successfully .. 2019. 3. 25.

파이썬 웹 개발 환경 구축 3 - 파이참(PyCharm) 통합개발환경(IDE) 설치하기 콘솔과 텍스트에디터로 개발하는 것은 빌드와 실행 등의 반복(노가다) 작업을 수행해야하고 패키지 정보를 쉽게 찾는 등의 생산성을 향상시킬 수 있는 편의기능이 없으므로 파이썬을 지원하는 통합개발환경(IDE, Integrated Development Environment)을 활용하여 생산성을 확보하는 것이 좋다. 쉽게 설명하면 자바를 배울 때 이클립스를 사용하는 것과 C/C++를 배울 때 비주얼 스튜디오를 사용하는 것과 같다. 파이참 에디션(라이센스)별 제공 기능 비교 : https://www.jetbrains.com/pycharm/features/editions_comparison_matrix.html 파이썬의 통합개발환경은 파이참(PyCharm)이 대표적이다. 파이참 에디션(라이센스)은 프로페셔널(유료)과.. 2019. 3. 25.

파이썬 웹 개발 환경 구축 2 -파이썬에 장고(Django) 프레임워크 설치하기 필자는 파이썬으로 웹 개발을 하는 것이 목표이기 때문에 장고(Django) 프레임워크(Framework)를 사용할 수 있는 개발환경을 구축해야 했다. 본 글에서는 장고 프레임워크를 설치하고 예제 프로젝트를 생성하여 실행해서 정상적으로 장고 프레임워크가 설치되었는지를 확인한다. 파이썬을 설치했고 환경 변수 중 Path를 설정했다면 'pip -V'를 입력하면 PIP(패키지 매니저, Package manager)가 설치되어 있음을 알 수 있다. 이 패키지 매니저로 장고 프레임워크를 간단한 명령어 입력만으로 설치할 수 있다. 'pip install django'를 입력하여 장고 프레임워크 설치를 시작한다. 정상적으로 설치되었다면 'Successfully installed django'이 나올 것이다. ※ 삭제는.. 2019. 2. 24.

이전 1 다음

티스토리툴바