본문 바로가기
[풀스택] Django : 기초 0. 가상환경 구성 (conda 가상환경) conda create -n 이름 python=버전 // 가상환경 확인 conda info --env 1. 코드를 저장할 디렉토리로 이동한 후 startproject django-admin startproject mysite 2. 디렉토리 mysite로 이동 : cd mysite 3. 프로젝트 동작하는지 확인 python manage.py runserver >> 출력 내용을 보면 'http://127.0.0.1:8000/'에서 개발 서버 시작중이라는 멘트가 있음. 해당 경로에 들어가면 다음과 같은 화면이 뜬다. [Django : 파이썬으로 웹 서버 만드는 프레임워크] 1. 장고는 MVT다. 1) Model : DataBase 연동. 데이터 베이스 관련된 것들을 .. 2022. 2. 4.
[풀스택] Database : SQL [DDL] 0. 데이터베이스 보기, 테이블 보기 show databases; show tables; 1. 데이터 베이스 생성 create database multi; 2. 데이터 베이스 사용하기 use multi; 3. 테이블 생성 create table students( id int, name varchar(100), phone char(13), address varchar(1000) ); 4. 테이블 미리보기 desc students; +---------+---------------+------+-----+---------+-------+ | Field | Type | Null | Key | Default | Extra | +---------+---------------+------+-----+---.. 2022. 2. 3.
[풀스택] jQuery 0. 사용하기 전 파일 불러오기 - 저장해서 불러오기 : - 웹에서 불러오기 : 1. 작성법 (selector 표현식) 1) 작성 : jQuery("selector").method() == $("selector").method() 2) 기능 구현 : onload = function(){} == $(function(){}) == $(document).ready(function(){}) 2. 함수 및 속성 : $("selector").다음에 올 함수명 1) 탐색 관련 (1) first(), last(), before(), after() : 첫, 끝, 전, 후 (2) val() : value. 값 ; index() : 인덱스 (3) html() : 태그 안 html 내용. (js에서는 innerHTML) (4.. 2022. 1. 30.
[풀스택] JavaScript (2) : DOM 1. 문서 객체 모델(DOM, Document Object Model) : XML이나 HTML 문서에 접근하기 위한 일종의 인터페이스. 이 객체 모델은 문서 내의 모든 요소를 정의하고, 각각의 요소에 접근하는 방법을 제공. 1) 해당 요소 접근하기 (1) querySelector('css 선택자') : node 하나만 반영 (2) querySelectorAll('css 선택자') : node List 반영 (3) getElementById('해당 id') : node 하나만 반영 (4) getElementsByName('해당 name') : node List 반영 (5) getElementsByTagName('해당 Tag의 이름') : node List 반영 2) 해당 요소의 주변 노드 (1) paren.. 2022. 1. 29.
[풀스택] JavaScript (1) : 기본 조작 1. JS 기본 문법 (작성 방식) * 자바스크립트는 복잡한 무언가(주기적으로 내용이 갱신되는 기능이나 능동적인 지도, 변화하는 2D/3D 그래픽, 동영상 등)를 웹페이지에 적용할 수 있게 하는 스크립트 혹은 프로그래밍 언어. 1) inline 방식 inline 방식 2) 내부 작성 방식 // head에 작성 // ... // body에 호출 내부 작성 방식 3) 외부 *.js 방식 // 외부 파일에 작성 function fileFunction(){ window.alert("외부 js file에서 실행됨!!")} // head 받아옴 // body 호출 외부 *.js 방식 (file) * window.onload() 더보기 더보기 위에서 아래로 순차적으로 실행되는 프로그래밍 작동 방식으로 인해 위치 때문.. 2022. 1. 27.
[풀스택] HTML, CSS로 Layout 만들기 제목 메뉴1 메뉴2 메뉴3 메뉴4 내용1 내용2 copyright © all right reserved ... 2022. 1. 26.
[온라인 : 기본 알고리즘] 바이너리 인덱스 트리 이진법 인덱스 구조로 구간 합의 문제 빠르게 해결 : O(log N) # 데이터 개수 n, 변경 횟수 m, 구간 합 계산 횟수 k n, m, k = map(int,input().split()) # 1. 빈 배열 만들기 arr = [0] * (n+1) # 0을 포함하는 배열 저장소 tree = [0] * (n+1) # 0을 포함하는 트리 합산 저장소 # 2. 인덱스(i)를 기준으로 i & -i 가 본인이 나오기 전까지 누적합. def prefix_sum(i): # fix 이전의 합산 저장. i가 가장 마지막 값일 때 result = 0 while i > 0 : result += tree[i] i -= (i & -i) # 2의 ?제곱인 수의 경우 i -= (i & -i) 는 0이 됨. return resul.. 2022. 1. 24.
[온라인 : 기본 알고리즘] 스택, 큐, 힙, 이진탐색 더보기 스택, 큐 실습 https://github.com/mungdo/multicam_ds/blob/main/4_algorithem_selfStudy/01_stack_queue.py GitHub - mungdo/multicam_ds: 멀티캠퍼스 국비지원교육 데이터 사이언스 강의 수강 기록 멀티캠퍼스 국비지원교육 데이터 사이언스 강의 수강 기록. Contribute to mungdo/multicam_ds development by creating an account on GitHub. github.com 힙 실습 https://github.com/mungdo/multicam_ds/blob/main/4_algorithem_selfStudy/02_heap.py GitHub - mungdo/multicam_ds.. 2022. 1. 24.
[풀스택] CSS 스타일 지정 언어 1. 사용 1) 인라인 스타일 : HTML - head 태그 안에서 사용 2) 내부 스타일 시트 : body 태그 안에 있는 다른 태그들의 인라인으로 사용 3) 외부 스타일 시트 : link를 이용해서 외부 주소로 불러오기 2. selector 선택자 1) 타입 선택자 : 태그 이름을 지정하여 선언 case 1) 태그에 스타일을 지정 : pre{ ... } 2) id 선택자 : 요소에 id 지정. 지정된 id값을 사용해 선택. #으로 구분 case 2) id가 s-id인 요소에 스타일 지정 : #s-id{ ... } 3) class 선택자 : 요소에 class 지정. 지정된 class값을 사용해 선택. .(dot)으로 구분 case 3) class가 s-cls인 요소에 스타일 지정 : .. 2022. 1. 22.
728x90