Study
-
[개발일지] Dart 입문 1: 언어 기본Study/Development 2022. 8. 17. 23:01
1. 변수 선언 / 자료형 void main() { var name = 'John'; // variable: 변수 int num1 = 10; // integer: 정수 double num2 = 2.5; // 실수 bool isTrue = true; // Boolean: 맞다, 틀리다 String lastname = 'Smith'; // 문자 dynamic myname = 'legend'; // 다양한 자료형 가능, 자료형 종류 변경 가능 myname = 0; // // 출력하기 print(name + lastname); // JohnSmith print(name.runtimeType); // String print('${name.runtimeType} ${lastname}'); // String Smit..
-
[개발일지] JavaScript & JQuery 기초 수업 Level 3-2Study/Development 2022. 8. 15. 20:26
Level 3-2 JavaScript: local storage, 스와이프, switch, 드래그&드롭 1. local storage 사용법 - 개발자도구 > application localStorage.setItem('이름', 'kim') //자료저장하는법 localStorage.getItem('이름') //자료꺼내는법 localStorage.removeItem('이름') //자료삭제하는법 // array 변환하여 저장하기 var arr = [1,2,3]; var newArr = JSON.stringify(arr); localStorage.setItem('num', newArr); // array 꺼내서 다시 변환하기 var 꺼낸거 = localStorage.getItem('num'); 꺼낸거 = JS..
-
[개발일지] JavaScript & JQuery 기초 수업 Level 3-1Study/Development 2022. 8. 9. 02:04
Level 3-1 JavaScript: Array & Object, 반복문 forEach/for in, Ajax, sort/map/filter 1. array // array 함수 array.sort() // 가나다순 정렬 array.slice(x, y) // x번 부터 y전까지 자륾 array.push(x) // x를 맨 뒤에 입력 2. object // { key : value } var car = { name : '소나타', price : 50000, year : 2030 }; car.name // 소나타 car['price'] // 50000 3. 데이터 바인딩 var products = [ { id: 0, price: 70000, title: 'Blossom Dress' }, { id: 1, p..
-
[개발일지] JavaScript & JQuery 기초 수업 Level 2-2Study/Development 2022. 8. 8. 00:34
Level 2-2 JavaScript: scroll event, 반복문 1. scroll 이벤트 //scroll 이벤트 리스너 window.addEventListener('scroll', function(){ console.log('안녕') }); //scroll 값 window.scrollY // Y 스크롤값 window.scrollX // X 스크롤값 // scroll 기능 window.scrollTo(0, 100) // 100px 위치까지 세로 스크롤 window.scrollBy(0, 100) // 현재 위치에서 100px 만큼 세로 스크롤 // bootstrap 설치 시 :root { scroll-behavior : auto } // css 파일 맨 위에 추가하면 바로 이동 // scroll 값 ..
-
[개발일지] JavaScript & JQuery 기초 수업 Level 2-1Study/Development 2022. 8. 2. 22:26
Level 2-1 JavaScript 1. setTimeout() / setInterval() - 콜백함수, ms 순으로 쓴다 //setTimeout() - 5초 후에 실행 setTimeout(function(){ $('.alert').hide() },5000) //함수를 만들어 두고 콜백으로 실행 setTimeout(function () { func() }, 5000) function func() { $('.alert').hide() } //setIneterval() - 1초마다 실행 setInterval(function () { console.log('hi') }, 1000) 2. 문자 검사 기능: includes() / 정규식 //includes() 'abc'.includes('ab') // tru..
-
[개발일지] JavaScript & JQuery 기초 수업 Level 1-2Study/Development 2022. 8. 1. 22:58
Level 1-2 Jquery & JavaScript: If/else, 변수 1. Jquery 기본 함수들 $('.hello').html('idiot') $('.hello').css('color', 'red') $('.hello').addClass('show') $('.hello').removeClass('show') $('.hello').toggleClass('show') $('.hello').show() $('.hello').hide() $('.hello').fadeIn() $('.hello').slideUp() 2. 모달창 만들기 -모달창은 HTML 가장 위에 붙인다. -show&hide CSS class는 가장 아래에 둔다. 3. CSS 애니메이션 (one-way UI) 1) 시작스타일, 최종스타..
-
[개발일지] JavaScript & JQuery 기초 수업 Level 1-1Study/Development 2022. 8. 1. 21:33
Level 1-1 JavaScript & Bootstrap 1. JavaScript로 html 조작하기 document.getElementById('hello').innerHTML = '안녕' document.getElementById('hello').style.color = 'red' document.getElementById('hello').style.fontSize = '16px' //클래스 추가하기 document.getElementsByClassName('list-group')[0].classList.add('show') //클래스 뗐다 붙였다 하기 document.getElementsByClassName('list-group')[0].classList.toggle('show') 2. funct..
-
[개발일지] 웹개발 종합반 5주Study/Development 2022. 7. 25. 20:49
웹개발 종합반 5주차 수강 수업내용: 프로젝트 서버에 올리고 도메인 연결하기 / AWS 서버 / FileZilla / 가비아 도메인 연결 / OG 태그 1. AWS - EC2 서버 구매하기 https://ap-northeast-2.console.aws.amazon.com/ec2/v2/home?region=ap-northeast-2 2. 간단한 리눅스 명령어 ls: 현 위치 모든 파일 조회 pwd: 현 위치(폴더 경로) 조회 mkdir: 폴더 생성 cd [갈 곳]: [갈 곳] 폴더로 이동 cd .. : 상위 폴더로 이동 cd -r [복사할 것] [붙여넣기 할 것]: 복사 붙여넣기 rm -rf [지울 것]: 지우기 sudo [실행 할 명령어]: 명령어를 관리자 권한으로 실행 sudo su: 관리가 권한으로 ..