HTML3 바닐라 자바스크립트 - CSS와 JavaScript 분리하기 더보기 출처 및 참고 : - 노마드 코더 챌린지(바닐라 JS로 크롬 앱 만들기) : https://nomadcoders.co/ # CSS in JavaScript 우리는 자바 스크립트 내에서 CSS를 변경시켰다. 하지만 이는 무언가 좋지 않아보인다. 각각의 일들을 독립시켜줄 필요가 있다. 자바스크립트는 HTML을 변경할 것이고 CSS는 HTML을 바라보고 있는 구조가 된다. JavaScript는 상호작용으로 이용하는걸 선호한다. 1. element를 찾기 2. event listen 하기 3. 해당 event에 반응하기(어떤것을 보여주거나, 감추거나 색을 바꾸거나 등등) JavaScript : 애니메이션 작업 CSS : Style 작업 // CSS body { background-color: beige;.. 2021. 9. 23. 바닐라 자바스크립트 시작 (2) 더보기 본 글은 노마드 코더 챌린지 하기 전 기본내용에 대한 자료를 바탕으로 썼습니다. 출처 및 참고 : https://nomadcoders.co/vanillajs-challenge 조건문 (Conditional) 조건문(conditional)은 true인지 false인지 알려주기 때문에 아주 중요하다 무언가를 확인해야할 때 거의 대부분 사용한다. - 사용자가 로그인되어 있으면 무언가를 보여준다던가 - 사용자가 무언가를 할 때 반응하는 것을 보여준다던가 prompt() : 사용자에게 창을 띄울 수 있게 해준다. - 조건문을 사용한 함수라고 보면 된다. * prompt 함수가 실행되면 자바스크립트 전체가 일시적으로 정지된다고 한다. Document에 대해 - console.dir(document) 로 do.. 2021. 9. 8. DB를 활용한 회원가입/로그인 (JDBC, 오라클, MVC 1패턴) ------ 사용할 테이블 구조(속성명과 타입) ------ 시퀀스 테이블(PK 번호 자동부여) ------ DB에 등록된 초기 데이터 ------ 아이디나 비밀번호가 DB에 등록된 정보와 맞지 않을때 ------ 일반 사용자 로그인 화면 ------ 관리자 로그인 화면 ------ 회원 목록 보기 (관리자 정보는 제외) ------ 관리자의 개인 회원정보 조회 후 리스트로 돌아가기 클릭 ------ 리스트 돌아간 화면 ------ 삭제 ------ 로그아웃 (접속된 세션종료) ------ DB 확인하기 ------ 회원가입 폼 유효성 검사 후 가입하기 (주민번호 입력시 생년월일은 회원가입을 눌렀을 때 자동생성) ------ 회원가입을 누른 후 (NUM은 PK로 시퀀스를 사용하여 번호가 자동부여되.. 2021. 3. 16. 이전 1 다음
