목록JavaScript, Vue.js, CSS (27)
개발하는 삶

회사에서 파이썬+장고 프로젝트를 맡게 되면서 학습을 시작하게 되었다. ---------------------------- 파이썬 가상환경 하나의 pc에서 프로젝트 별로 독립된 파이썬 환경을 만든다 파이썬에서 외부 패키지를 설치할 때 pip 패키지 매니저를 사용 npm 같은 패키지 매니저는 프로젝트별 패키지 설치를 지원하지만 pip는 시스템 전역으로만 패키지를 설치 가능 따라서 pip 을 이용해서 설치하려면 가상환경이 필요함. 파이썬 3.3 부터는 venv 모듈 내장 (바로 가상환경 구성이 가능함) python -m venv 가상환경이름 파이썬 프로젝트는 여러 앱들로 이루어져 관리되고 있음 python manage.py startapp 앱이름 장고는 admin 페이지를 제공해줌. 따라서 유저가 admin ..

const, let, var 차이 const : 상수. 선언과 동시에 초기화. 값 변경 불가능. let : 변수. 선언 가능. 값 변경 가능. 선언된 블록 안에서만 사용 가능. 재선언이 안되기 때문에 외부에서 선언 후 반복문 안에 들어가있는 건 아닌지 확인해야 함 반복문 안에서 선언 및 초기화를 했을 때는 상황이 조금 다르다 반복문이 돌기전에는 값이 할당되지 않은 undefined 상태이므로 const, let, var 다 사용 가능 var 은 너무 옛날 용어라 잘 안 쓰임 선언, 할당, 초기화 선언 : 변수명을 지정하는 것 할당 : 변수명의 값을 바꾸거나 초기화하는 것 초기화 : 변수명을 선언함과 동시에 값을 초기화하는 것 자료형 boolean 형 : true/false number 형 : 정수/실수값..

Vue.js 란? 실시간 자동 렌더링이 일어남 (웹앱같은 느낌) 설치 및 설명 nodejs 설치 - npm 사용 가능 (각종 웹개발 라이브러리 설치 도구, vue 프로젝트 빠르게 생성해주는 라이브러리 포함 @vue/cli) app.vue - 메인페이지 package.json : 라이브러리, 프로젝트 기록 보관 데이터바인딩 {{}} HTML 속성도 데이터바인딩 가능 :속성="데이터이름" 반복문 array/객체 집어넣기 가능 {{반복할변수}} key : 반복문 진행시 변하는 변수들 보통 사용 방식 {{a}} a는 변수명, i는 숫자(0,1,2 ...) 이벤트 핸들러 v-on:click="" 혹은 @click="" 함수 만들기 methods : { 함수명(){} } 조건식 v-if="조건식" import/ex..

jQuery 홈페이지 다운로드 - 프로젝트 폴더 내에 옮김 자식, 부모요소 //후손요소 전체 $('#destinations .promo') //자식요소 전체 $('#destinations > li') //복합 선택자 $('#france > li, .promo') //가상 선택자 (순서 선택) //.css로 속성, 값 정해줌 $('#destinations li:first').css('color', 'red'); $('#destinations li:last').css('color', 'blue'); .children() : 자식요소 .closest() : 자신과 가장 가까운 부모요소 .find() : 자식요소중 찾아줌 .parent() : 부모요소 .parents() : 부모요소들 중에서 노드 속성 **na..

시계만들기 현재 시각은... 년 월 일 시 분 초 버튼 누를때 페이지 달라지는 거 About Custom Software Developement Company About Products Technology Downloads JSON 기초 // 객체 -> JSON //stringify let json = JSON.stringify(true); //true //배열 -> JSON json = JSON.stringify(['apple','banana']); //["apple","banana"] const rabbit = { name: 'tori', size: null, birthDate: new Date(), jump: () => { console.log('${name} can jump!'); }, }; //..

Map, Set Map key:Value 쌍으로 구성됨 map.keys() : 키의 값들을 전부 가져옴 map.set(키,값) : 키와 값 설정 map.get(키) : 키의 값 반환 map.has(키) : 키를 갖고있는지 (true/false) map.delete(키) : 해당 키와 값을 제거 Set 중복X. 입력된 순서에 따라 데이터를 저장 set.add(값) : 값 추가 set.delete(값) : 값 제거 set.has(값) : 값을 갖고 있는지 (true/false) HTML 이벤트 핸들러 HTML 요소에 대한 이벤트 (사용자의 동작으로 인한 특정한 상황 등) 객체.on이벤트명 = function() {...} 같은 객체에 대해 동일한 이벤트 여러번 사용 불가능 click : 클릭시 발생 chan..