[풀스택] 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. [풀스택] 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. [풀스택] 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. [풀스택] HTML 하이퍼텍스트 문서를 만들기 위해 데이터를 구조화 시키는 마크업 언어 1. 구성 컨텐츠 컨텐츠 ... 진하게() 강하게() 기울임() 강조하여() 작은 텍스트, 코멘드 () 위첨자() 아래첨자() 내용 추가() 내용 삭제() HTML 삽입 미리보기할 수 없는 소스 2. 요소 1) 블록요소 : 줄바꿈. 블록 요소 안에 텍스트나 인라인 요소 포함 가능. 블록 요소 안에 블록 요소 포함 가능 2) 인라인 : 줄바꿈 없음. 인라인 요소 안에 텍스트나 인라인 요소 포함 가능. 인라인 요소 안에 블록 요소 포함 불가. 3) 태그 정리 (1) 태그 : 제목 크기 지정 태그. (2) : 영역 정의 (3) : 단락 정의 (4) : 이미지 (5.. 2022. 1. 20. 이전 1 다음 728x90
