웹 애플리케이션

웹 애플리케이션/Django(장고)

[Django] 관리자 계정 및 페이지, 동적 URL, 별칭

관리자 계정 생성 터미널에서 유저 생성 후, 정보 입력 python manage.py createsuperuser 사용자 이름 : admin 이메일 주소 : admin@mysite.com password : qwer1234 password : qwer1234 y 선택(너무 일상적인 비밀번호입니다) 로그인해보기 : localhost:8000/admin/ admin.py 모델에 Question Class를 등록합니다. from django.contrib import admin from .models import Question # Register your models here. admin.site.register(Question) # Question을 등록해줌 3 view.py / 컬럼리스트 받는 함수 생성..

웹 애플리케이션/Django(장고)

[Django] 앱 생성, 데이터베이스 연동, ORM

config 보안, 세팅 값들 urls.py : 주소에 접근하는 것을 만들 수 있다. settings.py : 한국어 설정 등 앱 만들기 django-admin startapp pybo localhost:8000/pybo로 접속 404 에러 발생, urls에서 코드 조정 from pybo import views # pybo 디렉토리에 있는 views를 가져오기 urlpatterns = [ path('admin/', admin.site.urls), path('pybo/', views.index) # views의 index를 만들기 ] views.py from django.http import HttpResponse # Create your views here. # request를 반드시 써줘야함(사용하지 ..

웹 애플리케이션/Django(장고)

[Django] 시작하기(Conda, VS코드 쉽게)

가상환경 생성하기(With VS코드) 장고 전용 가상환경을 생성합니다. Conda를 활용하면, 가상환경에 다른 파이썬 버전을 적용할 수 있어 쉽게 활용할 수 있습니다. (1) 빈 폴더를 생성합니다. (2) VS 코드로 해당 폴더를 엽니다. (3) 터미널을 실행하여 순차적으로 터미널에 입력합니다 먼저 cmd 내에서 conda 명령어가 실행될 수 있는 환경이어야합니다. 아래 블로그에 정리가 잘 되어있습니다. https://chunggaeguri.tistory.com/entry/Anaconda-cmd%EC%B0%BD%EC%97%90%EC%84%9C-%EC%82%AC%EC%9A%A9%ED%95%98%EA%B8%B0 conda로 django_py3811 이라는 가상환경을 만듭니다. 파이썬 버전은 3.8.11 입니..

웹 애플리케이션/Django(장고)

[Django] 시작하기(venv 모듈 활용)

1. 장고 개발환경 준비 1_1. 파이썬 가상환경 파이썬 가상환경을 활용하면, 하나의 데스크톱 안에 독립된 가상환경을 여러개 만들 수 있습니다. (1) 가상환경 디렉토리 생성(C;/venvs) mkdir venvs cd venvs (2) 가상환경 만들기 python -m venv mysite venv 모듈을 활용하여, mysite라는 이름의 가상환경을 만듭니다. 작업을 venvs 폴더 아래서 했으면, venvs 디렉토리 아래에 mysite라는 디렉토리가 생성됩니다. (3) 가상환경 진입하기 cd c:\venvs\mysite\Scripts activate mysite의 Scripts에서 activate 명령을 수행합니다. 그러면 cmd 창에서 (mysite)라는 가상환경이 잡힙니다. (4) 가상환경에서 벗..

웹 애플리케이션/Spring(스프링)

[스프링]2_스프링 관련 설정(프로젝트 설정 및 시작하기)

프로젝트 설정 및 파일 설명 프로젝트 설정 Spring initializer https://start.spring.io/ Spring Boot : 버전은 2.XX 버전의 테스트 버전 제외 하고 정식 버전 선택(SNAPSHOT, M1 제외) GROUP, ARTIFACT, NAME 자유 지정, JAVA 탭은 설치 버전에 맞게 Dependencies gradle 검색 Build and run을 intelij로 변경 gradle을 통해 실행하면 느린 경우 있음 gradle을 통하지 않고, 바로 자바로 실행하여 실행속도 빠름 테스트 정적 페이지 테스트 src -> main -> resources -> static -> index.html 파일 생성 Hello hello 저장 후, main -> java -> ws..

웹 애플리케이션/Spring(스프링)

[스프링] 1_기본 개념

1. SRPING FRAMEWORK 스프링 프레임워크는 엔터프라이즈용 Java 애플리케이션 개발을 편하게 할 수 있게 해주는 오픈소스 경량급 애플리케이션 프레임워크입니다. 1_1. 스프링 등장 배경 웹 서비스는 비즈니스 로직이 존재 스프링이 등장하기 이전 비즈니스 로직을 구현하기 위해 기술 자체에 대한 공부를 추가적 수행 비즈니스 로직을 구현하는 기술 자체가 복잡하고 어려웠기 때문 개발 초기에 기본적인 설정과 적용시킬 기술들만 잘 선택을 해준다면, 기술보다는 애플리케이션의 로직 자체에 더 집중하여 비즈니스 로직을 구현 1_2. 스프링의 장점 오픈 소스 프레임워크의 안정성 스프링은 스프링소스(SpringSource)라는 IT 기업에서 관리하고 있다고 합니다. 스프링 코드를 수정하거나 개선하는 일에는 스프링..

웹 애플리케이션/프론트엔드

tomcat 활용 HTML 공유 해보기

TOMCAT 활용 HTML 공유 경로에 HTML 파일 저장 C:\Program Files\Apache Software Foundation\Tomcat 9.0 IP 주소, TOMCAT 포트번호, 파일명으로 주소 만들기 http://IP주소:포트번호/main.html 같은 네트워크 상, 방화벽 해제 했을 때 다른 컴퓨터에서 접속 가능 예시 참고 - NSLOOKUP 웹페이지 IP 따기 cmd의 nslookup 기능 활용 hosts 파일에서 변경 C:\Windows\System32\drivers\etc\hosts host 파일 내에 웹페이지 ip 주소, 원하는 도메인 주소 작성 ex ) 223.130.195.95 aaaa.test.com 도메인 주소로 접속해보기 aaa.test.com

웹 애플리케이션/백엔드

JSP 플랫폼 구축

JSP 개발 환경 구축 패키지 JAVA 개발 도구 : JDK(JAVA DEVELOPMENT KIT) HTML 코드 내 JAVA 코드를 작성하기 위해서는 반드시 JDK가 사용할 컴퓨터가 설치되어있어야합니다. 웹서버 : 아파치 톰캣(APACHE TOMCAT) 웹서버 컴포넌트 중 하나인 아파치 톰캣으로 JAVA 서블릿과 상호작용을 수행하며 서블릿의 생명주기를 관리하고 URL과 특정 서블릿을 매핑하여 URL 요청이 올바르게 접근할 수 있도록 권한을 보장하기위해 설치합니다. 통합개발도구 : 이클립스 JSP 웹 애플리케이션 개발 과정에서는 소스코드를 기계어인 바이트 코드로 변환하는 컴파일 수행과정을 매번 거쳐야하는 번거로움을 해결하기 위한 통합 개발환경인 이클립스를 설치합니다. JDK 설치 JDK 설치 https:..

웹 애플리케이션/프론트엔드

자바스크립트

자바스크립트로 뭘할까 웹요소 제어 웹 요소를 가져와서 필요에 따라 스타일을 변경하거나 움직이게할 수 있음 웹 사이트 UI 부분에 많이 활용 예) 마우스 포인터를 올렸을 때 펼쳐지는 메뉴한 화면에서 탭을 눌러 내용만 바뀌도록 하는 콘텐츠 웹 애플리케이션을 만듭니다 최근의 웹 사이트는 사용자와 실시갂으로 정보를 주고 받으며 애플리케이션처럼 동작 예) 온라인 지도의 길찾기 서비스, 데이터 시각화 서비스, 공개된 API를 활용한 다양한 서비스 다양한 라이브러리를 사용할 수 있습니다 웹을 중심으로 하는 서비스가 늘어나면서 브라우저에서 처리해야 할 일이 늘어남 라이브러리와 프레임워크가 계속 등장 예) 시각화를 위한 d3.js, 머싞러닝을 위한 tensorflow.js DOM 조작을 위한 jQuery 등 예) 웹 애..

웹 애플리케이션/프론트엔드

CSS3

1. CSS와 박스모델 박스모델 실제 콘텐츠 영역, 패딩, 박스의 테두리, 그리고 마진 등의 요소로 구성됨 블록 레벨 요소 요소를 삽입했을 때 혼자 한 줄을 차지하는 요소 요소의 너비가 100% 예) div, p 등 인라인 레벨 요소 줄을 차지하지 않는 요소 화면에 표시되는 콘텐츠만큼 영역을 차지하고 나머지 공간에는 다른 요소가 올 수 있음 예) img, strong 등 width, height 속성 실제 콘텐츠 영역의 크기 지정 display 속성 요소의 배치 방법 결정 : 사용할 수 있는 속성 값이 아주 많다 블록 레벨 요소, 인라인 레벨 요소를 바꿀 때 사용하는 속성 값 block : 인라인 레벨 요소를 블록 레벨 요소로 바꿉니다. inline : 블록 레벨 요소를 인라인 레벨 요소로 만듭니다. i..

웹 애플리케이션/프론트엔드

웹 개발/HTML5

서버 VS 클라이언트 클라이언트 사용자가 웹 사이트에 접근할 때 사용하는 기기 (좁은 의미) 웹 브라우저 서버 인터넷에 연결된 컴퓨터 웹 요소와 여러 정보가 저장됨 HTTP 프로토콜 웹개발의 기본 HTML 웹문서의 뼈대를 만드는 HTML / 명령어 내 스타일을 내포하는 구조를 가짐 웹 브라우저 창에 웹 문서의 내용을 보여주기 위한 약속 HTML에서 약속한 표기법을 사용해서 문서 작성해야함 CSS 웹문서를 꾸미는 CSS 웹 문서를 꾸미거나 웹 요소를 적절하게 배치하는 방법 다양하게 디바이스에 맞는 반응형 웹 디자인을 만들기 위해 필수적으로 학습해야 함 JAVA SCRIPT 사용자 동작에 반응해서 동적인 효과를 만들기 위한 기술 자바스크립트를 알고 있다면 새로운 프레임워크를 배우기 쉬움 HTML은 구조, C..

웹 애플리케이션/자바

1_10 인터페이스, 디자인 패턴

인터페이스 클래스 일반적인 인터페이스 = 두 대상간의 commutication(통신)을 위한 중간 매개체 Java에서의 인터페이스 자바는 다중 상속을 원칙적으로 지원하지 않는다. 하지만 인터페이스로 정의한 클래스로부터는 다중 상속을 받을 수 있다. 다중 상속 다중 상속의 장점 코드의 재사용 - Java는 이점을 포기함(상속받는 부모 클래스간의 변수명이 같은 경우 애매모호해진다.) 효율적 제어 - Java는 이걸 노림 자바는 원칙적으로 다중 상속(extends)를 허락하지 않는다. 자바에서 인터페이스 클래스로 선언한 클래스로부터는 다중 상속이 가능한다. 변수 선언 안된다. - 상수 선언만 가능하다 public static final 추상 메소드만 가능(반드시 재정의가 필요함) public abstract ..

우상욱
'웹 애플리케이션' 카테고리의 글 목록 (3 Page)