개발블로그by페페

https://www.youtube.com/watch?v=Gt2iGEEKXww&list=PLuHgQVnccGMBB348PWRN0fREzYcYgFybf&index=17 0. 원하는 그림 - 다크모드 on/off를 만들고 싶다 1. 그림이 현실에서 어떻게 나타나는지 - 백그라운드 컬러 = 블랙 - 글자 컬러 = 화이트 2. 플로우 / 공간 잡기 / 더듬기 - 일반 모드 > 버튼 클릭 > 다크모드 - 다크 모드 > 버튼 클릭 > 일반모드 mvf : input id 3. 포인트 4. 구현되어져야 하는 기능 - input type = "button" value = "darkmode on" onclick="" - document,querySelctor('body').style. 5. 파워 서플라이 if문을 통해서 ..

상황 / 위치 초점 원하는 그림 구현되어져야 하는 기능 흐름 / underlying potential 문법 형식

0. 모니터 창 배치 1 기능 구현 순서 HTML > CSS > JAVASCRIPT 2 코드 인식 순서 doctype > html > head/body > head 세부 > body 세부 3 코드 작성 순서 열고 닫으며 공간을 만들어낸 뒤에, 내부 값 작업 4

0. html 환경에서의 javascript 실행 = 1. html과 javascript의 출력 차이 2. on event 3 검사 > console(혹은 esc) : JS를 사용가능하게 함 글자수 알람 띄우기 테스트 4. data type(자료형) ✔Primitive values(immutable datum represented directly at the lowest level of the language) - Boolean - Null - Undefined - Number - Biglnt - String - Symbol ✔Objects(collection of properties) 참고 : https://developer.mozilla.org/en-US/docs/Web/JavaScript/Data_..

0. HTML 폰트 컬러 1. 인식하지 않음 2. CSS로 인식할것 3. a 태그의 CSS 폰트 컬러 a { color:red; } 4. a 태그의 CSS 속성 없음 a { text-decoration:none: } 5. 전체 태그 아닌, 한줄만 따로 CSS 처리 ~text-decortion:underline 한줄에 있어도 동작함 6. 7. 글자크기 조절과 정렬 h1 { font-size:45px; text-align: center; } 8. html 상태 클래스 할당 + CSS 컬러 (바디부분) ~ (헤드부분) .saw { color:gray; } > 클래스 선택자는 앞에 점 붙일것 > 클래스는 띄워쓰기로 여러개 할당 가능(class="saw active") 9. 동일 셀렉터 10 HTML 아이디 할당..

0. 되어야 하는 그림 - 방문자 분석기 추가 1. 구현 방식 google analytics plugin 사용 2. 워크플로 - github에 repository로 기존 파일 올림 - http 주소 할당받아 google analytics 방문자 분석에 주소 추가 - 트래킹 고유 태그 깃헙 소스코드 head부분에 업데이트 3. 정상 작동 확인 - pc로 접속 - 핸드폰으로 접속 (구현 화면) https://riptaggart.github.io/visitor_traking_html/index.html (소스 코드) https://github.com/riptaggart/visitor_traking_html (google analytics) https://analytics.google.com/analytics/..

0. 되어야 하는 그림 - 페이지 우측 하단에 채팅 기능 추가 1. 구현 방식 -tawk 플러그인 이용 2. 워크플로 - tawk 가입 - 소스코드 복사 - 3. 테스트 - 정상 작동하는가? Y (구현 화면) https://riptaggart.github.io/tawk_chat_html/1.html WEB1 - html HTML CSS JavaScript HTML Hypertext Markup Language (HTML) is the standard markup language for creating web pages and web applications. Web browsers receive HTML documents from a web server or from local storage and ren..

0. 되어야하는 그림 - 1.html 페이지 하단에 댓글 기능 추가 1. 구현 방식 - Disqus 플러그인 가져올 것 2. 워크플로 - DISQUS 회원가입 후 ADMIN > YOUR SITES > NEW - 크리에이트 한 후, UNVERSIAL CODE 선택 - HTML에 복붙 3. 정상 작동 체크 (구현 화면) https://riptaggart.github.io/disqus-_comment_html/ (소스 코드) https://github.com/riptaggart/disqus-_comment_html GitHub - riptaggart/disqus-_comment_html Contribute to riptaggart/disqus-_comment_html development by creating..

(구현 화면) https://riptaggart.github.io/movie_html/1.html WEB1 - html HTML CSS JavaScript HTML Hypertext Markup Language (HTML) is the standard markup language for creating web pages and web applications. Web browsers receive HTML documents from a web server or from local storage and render them into multimedia web pages. HT riptaggart.github.io (소스 코드) https://github.com/riptaggart/movie_html / 0...

0. 되어야 하는 그림 깃헙 호스팅을 통해 주소를 부여받아 배포 1. 구현되어져야 하는 기능 코드를 내 컴퓨터에서만 C://로 열게 하는 것 이상으로, 깃헙에서 주소 부여받아 화면에 구현 2. 구현 방식 - 깃헙 가입 - repository 생성 - 파일 업로드 - 셋팅 > 페이지 > 브런치를 메인으로 바꾸기 > 페이지가 주소가 할당됨 - 테스트 3. 드러나는 문제들 -