'javascript' 태그의 글 목록

본문 바로가기

728x90

javascript

9/2 금 1. JavaScript 특정 버튼 클릭 안 될 때 추가적으로 사용할 JS # 특정 엘레먼트로 이동 driver.execute_script('arguments[0].scrollIntoView();', more_button) # 특정 엘레먼트에서 살짝 위로 이동. clientHeight: 현재 스크롤 위치 driver.execute_script("window.scrollTo(0,document.body.clientHeight-200);") 2. AWS 탄력적 IP 서버를 재부팅하거나 재시작해도 IP 주소를 변하지 않게 유지 과금이 되지 않도록 인스턴스 중지 전에 연결 해제 + 릴리즈 해주자! "탄력적 IP 주소의 효율적인 사용을 위해 이러한 IP 주소가 실행 중인 인스턴스와 연결되어 있지 않거나 중지된 인.. 더보기

2/21 월 월요일! 오늘은 Django에서 제공해주는 사용자 및 권한 관리 기능을 확장해서 사용한다. 오후 3시부터는 인터페이스 개발 수업에 대한 시험이 있고, 오후 4시부터 팀 프로젝트 진행! 1. users app 만들고 lecture 폴더의 settings.py에 앱 등록 ↓PyCharm Terminal↓, ↓settings.py↓ python manage.py startapp users # PyCharm Terminal -------------------------------- INSTALLED_APPS = [ # lecture 폴더의 settings.py 'users.apps.UsersConfig' ] 2. MySQL에서 auth_user의 DESC 보기. username이 id 3. auth_user D.. 더보기

2/18 금 앜 불금!!!!! 🐱‍🏍🐱‍👤 오늘은 어제 추가했던 게시판 글 상세보기 페이지 하단에 넣었던 버튼들의 기능을 실현시킨다. 오후 3시 반 정도에 게시판 구현을 마무리 짓고, 편성된 조별로 소회의실에서 나머지 시간을 보냈다. 팀원들과 아이스브레이킹, 웹 프로젝트 주제 선정, 스토리 보드 작성함~ 월요일에는 인터페이스 개발 수업에 대한 첫 평가(필답)가 있을 예정! 주말 동안 여태 배우며 정리했던 내용들을 다시 점검하고, 게시판 기능을 마저 구현해야 한다. 1. 리스트로 돌아가기 버튼 JavaScript event 방식(Delegation Model)으로 처리 ↓detail.html↓ 리스트로 돌아가기 ↓menu_btn.js↓ function to_list() { document.location.href = .. 더보기

2/17 목 목요일! 리스트로 돌아가기, 수정, 삭제, 좋아요 버튼을 만들고 각각의 기능을 여태 배운 것을 응용해 구현해야 하는데 어렵다아아아아! 리스트로 돌아가기 말고는 감이 안 잡혀.. 1. HTML 엘리먼트를 이용해서 사용자 입력 양식(입력 Form)을 만드는 것이 아니라, Django가 제공하는 Model Form(class)를 이용함 bbs App 디렉터리 안에 forms.py 생성하고 Django에서 forms 모듈, bbs.models에서 class를 불러온 후 form에 대한 class 정의함 ↓forms.py↓ from django import forms from bbs.models import Board class BoardForm(forms.ModelForm): class Meta: model =.. 더보기

2/10 목 목요일~~ 지난 수업 때 하던 일별 박스오피스 API 서비스를 더 배운다. AJAX의 async: true 비동기(데이터 수신 기다리지 않고 바로 다른 작업 실행. default) 혹은 동기(false. 순차적) 호출을 지정함 웹디자인까지 신경 쓸 여유는 없기 때문에, Bootstrap Examples에서 페이스 소스(HTML)와 css 파일을 WebStorm으로 가져와서 활용한다! HTML에서 불필요한 라인들 지우고 jQuery CND, jQuery 파일, CSS 파일 연동시킴 input type="date"로 달력을 넣어 일별 박스오피스 순위를 조회할 수 있게 넣고, Delegation Model(JS Event 처리 방식)로 Event가 처리될 수 있도록 'onclick' Event Attribut.. 더보기

2/7 월 피곤한 월요일 😪 disabled는 text 입력창을 비활성화함 removeAttr() : 속성 값을 삭제 remove() : 자기 자신과 자신의 후손을 모두 삭제 empty() : 자기 자신을 삭제하지 않고 후손만 삭제 function my_func() { $('[type=text]').val('소리없는 아우성!!')) $('[type=text]').attr('value', '변경변경!') $('[type=text]').attr('disabled', 'disabled') $('[type=text]').removeAttr('disabled') //disabled 속성 삭제 $('ul').remove() $('ul').empty() } 새로운 Element 만들 때는 여는·닫는 Tag 모두 써줘야 함. t.. 더보기

2/4 금 불금~~ 😁😸 JavaScript 문서 객체(document object) : component를 JS 객체화 WebStorm에 jQuery Library 추가 jQuery 문법 $로 시작 1. Universal Selector(전체 선택자) : HTML 안에 있는 모든 Element를 선택, 기호는 * 이용 2. Tag Selector : 태그명을 이용하여 선택 3. ID Selector : ID Attribute를 이용하여 선택, 중복 불가, 기호는 # 이용 4. Class Selector : Class Attribute를 이용하여 선택, 중복 가능, 기호는 . 이용 5. 부모, 자식, 후손, 형제 관계 : 기호 >는 자식 선택, 공백(space)은 후손 선택 6. 동위 선택자 : 형제 선택자, 기호.. 더보기

2/3 목 긴 연휴가 끝났다! 🤥 정적(static) Web : Web Server 쪽에 이미 존재하는 resource(HTML)를 요청하는 작업 동적(dynamic) Web : Web Server 쪽에 존재하는 program을 호출, 결과 resource를 생성해서 response HTML(HyperText Markup Language), CSS(Cascading Style Sheet), JavaScript HTML이 버전 업(5) 되면서 HTML Element, CSS 3, JavaScript로 구성되어 있음 Web Server에게 프로젝트의 존재를 알려줌(configure) → 서버가 프로젝트를 인식한 상태에서 기동 → Web Client(Browser)를 실행 → URL(protocol://IP:Port/파.. 더보기

이전 1 2 다음

728x90

티스토리툴바