5주차 스터디 (24.7.27)-진행 시간: 3:00PM - 7:30PM (총 4시간 30분) 1. 해야 할 것-HTML&CSS: (1) 상세 페이지 만들기 / (2) 리스트 페이지->상세 페이지 이동 구현 -개별 스터디: 자격증 및 기본 이론 공부하기 2. 한 것-HTML&CSS: 상세 페이지 구현 및 연결 / 각자 Git 만들기 -개별 스터디: SQLD 공부 *송현더보기https://github.com/Greenery367/MyBlogByJSP GitHub - Greenery367/MyBlogByJSP: HTML, CSS, JS를 사용한 JSP 블로그 프로젝트HTML, CSS, JS를 사용한 JSP 블로그 프로젝트. Contribute to Greenery367/MyBlogByJSP developme..

[JavaScript] 13. 이벤트 위임 - 연습문제 풀이  버튼1 버튼2 버튼3  *변수를 잘 활용하자!!

[JavaScript] 12. 이벤트 위임과 버블링 1. 이벤트 위임이란? 2. 버블링과 캡쳐링 3. 시나리오 코드 (코드 예제)(1) 버블링 Click me! *화살표 함수 document.getElementById('parent').addEventListener('click',()=>{})  (2) 이벤트 Click me!   (3) 버블링 중단하기 Click me!   (4) 이벤트 위임 활용 버튼1 버튼2 버튼3 버튼1 버튼2 버튼3   (5) 이벤..

[JavaScript] 11. EventListener   EventListener를 사용한 요소 추가, 삭제, 토글 만들기 아이템 추가 리스트 토글 아이템1 수정하기 삭제하기

6:40-8:00 (1) 각자 조사해온 질문, 정보 사이트들 이야기해보기 (2) 핵심 기능 (추천 기능) : 메커니즘 구상하기 (3) DB 설계 해보기 (3) 구현해야 할 기능 명세서 대략적으로 작성 -> =>사이트맵/흐름도를 만들어보자!!! + 역할분담 (이번주 할 것) =>중간 발표 PPT 50%만들기!!! (목차/들어갈 글) +스토리텔링 듬뿍 ==> (4) 역할 분담 -> (6) 발표 PPT 제작 이야기 *공통 질문 1. (조사 후 수정-부동산 API 조사) 선호하는 주거형태를 골라주세요. => 아파트 / 주택 / 오피스텔 / 빌라 / 원룸 2. 반려동물을 키우고 계신가요? (예-> 파생/아니오) 3. 부산에 오시게 된 이유는 무엇인가요? (취업/학업/휴식) 4. 주변에 필요한 시설을 선택해주세요...

2024/07/20 토요일 회의 이야기해볼 것 (1) 각자 조사해온 질문, 정보 사이트들 이야기해보기 (2) 핵심 기능 (추천 기능) : 메커니즘 구상하기 (3) DB 설계 해보기 (3) 구현해야 할 기능 명세서 대략적으로 작성 (4) 역할 분담 (5) 다음 주 할 것 계획하기 (6) 발표 PPT 제작 이야기 ------------ 1. 문제 제기 - 부산의 청년 유출 2. 아이디어 도출 3.  *공통 질문 1. (조사 후 수정-부동산 API 조사) 선호하는 주거형태를 골라주세요. => 아파트 / 주택 / 오피스텔 / 빌라 / 원룸 2. 반려동물을 키우고 계신가요? (예-> 파생/아니오) 3. 부산에 오시게 된 이유는 무엇인가요? (취업/학업/휴식) 4. 주변에 필요한 시설을 선택해주세요.(체크박스) 5..

[BDIA Dev-ton 과정] 7월 4주차 회의록(7/22~7/28) : DB, 화면 및 메커니즘 설계 1. 7월 4주차 회의록 (7/22~7/28) : 총 4回 회의(1) 7월17일 (수요일) (18:00-19:45 / 총 1시간 45분) 2. 돌아보기기간목표 및 7월 4주차목표 및 일정:-(7/27) (토요일) (7PM~) 2차 아이디어 후보 中 실현 가능성 / 유사 서비스 유무 검토 후 최종 아이디어 선정-핵심 기능 명세서 작성달성:-(7/22) (월요일) 중간 발표 PPT 목차 구성 및 와이어스케치, DB, 핵심 메커니즘 재토의  3. 트러블 슈팅 및 문제(1) 핵심 기능, 어떻게 구현해야 할까? (2) 그에 맞는 DB는 어떻게 설계할까?  4. 3주차 회의록 (7/15~7/21) : 총 2回 ..

[JavaScript] 자바스크립트의 이벤트 처리 1. HTML 요소에 이벤트 등록하기(1) 자바스크립트 이벤트란?  (2) 이벤트 등록의 대표적인 3가지 방식Inline Event HandlerElement PropertyaddEventListener*단, 비동기 통신으로 페이징 처리할 경우 Inline Event Handler 권장! 2. 코드 예제(1) 코드 예제 -  숨기기 숨기기 display로 숨기기 visible로 숨기기 내부 박스 1 내부 박스 2  (1) 공간 차리-display: none-visibility: hidden: 요소는 화면에서 보이지 않지만, ..

[JavaScript] 9-1. 예제 (1) 이미지 띄우기 index12.html 파일 입니다. 이미지토글   index12.html 파일 입니다. 이미지토글

[JavaScript] 9. DOM(Document Object Model) 1. DOM의 개념-브라우저에 띄울 웹 페이지가 정적 웹페이지라면 CSS+HTML로도 충분하지만, 그 이상의 인터랙티브한 기능을 구현하려면 DOM 개념을 이해해야 한다. -DOM(Document Object Model)은 문서 객체 모델이라고도 이야기한다. 이는 웹페이지의 콘텐츠 및 구조를 구조화시켜 표현해, 프로그래밍 언어가 해당 문서에 접근하여 읽고 조작할 수 있도록 API를 제공하는 일종의 인터페이스이다.  => 이는 자바스크립트 같은 스크립팅 언어가 쉽게 웹페이지에 접근해 조작할 수 있게끔, 연결시켜주는 역할을 한다. *window 객체는 브라우저 창이나 프레임을 추상화한 것으로, DOM의 일부가 아니라. *window ..