감귤밭 호지차 농장

가제 : STR [ Study Time Record ] ◈ 제작 기간 - total " 31일 " 목표 - 디자인 : 3일 ( 25일, 28일, 29일) (12/2, 12/3, 12/4) - 프론트 작업 (HTML.CSS) : 8일(11/30 ~ 12/6) (12/5 ~ 12/12) - 프론트작업 (JavaScript) : 8일(12/7 ~ 12/13) (12/13 ~ 12/20) - 백엔드 및 추가 작업 도전 : 11일 (12/14 ~ 12/26) (12/21 ~ 12/31) ◈ 기능 구상 1. 공부하는 시간을 기록할 수 있는 웹 페이지 : 타이머 성능 2. 타이머 기록이 종료 되면 하루동안 어느 공부를 얼마나 했는지 표시해주는 그래프 기록 (열품타 or 여름방학 계획표 ) 3. 주변 스터디 카페 추천..

왜 K를 눌렀을 때 innerHTML에 작동하지 않는지 모르겠음. CSS #white-space : https://aboooks.tistory.com/187 #input -value값 지정 : https://biio-studying.tistory.com/59 #CSS border 테두리 속성 : https://www.codingfactory.net/10620 DOM 객체로 인한 Script 적용 위치에 따런 에러 해결 :https://velog.io/@ahn-sujin/Uncaught-TypeError-Cannot-read-property-addEventListener-of-null # innerHTML : https://hianna.tistory.com/480

SEF 2022 - 네이버 커넥트재단이 주최, 주관하는 소프트웨어 교육 축제 누구나 참여해서 소프트웨어와 인공지능에 대한 고민과 경험을 나누는 온라인 페스티벌입니다. 다양한 강의 프로그램과 ZEP 내에서의 다양한 체험 활동을 경험해 볼 수 있습니다. 일시 : 11월 22일 ~ 25일 ( 강의는 오후 2 ~ 4시 ) 11월 22일 화 11월 23일 수 11월 24일 목 이외에도 프로그래밍 관련 유튜버들과의 상담의 시간도 있습니다 11월 25일 오후 2시 ~ 4시에 진행되며, 그 전에 미리 ZEP 에 방문해서 궁금 한 점들을 미리 질문해둘 수 있습니다. 네이버커넥트 재단 : SEF20202 : https://sef.connect.or.kr/2022 ▲ 위 링크를 통해서 강의를 들을 수 있는 유튜브로 갈 수 ..

제목에서 " Q " 가 있는 경우는 해결하지 못한 궁금증이 있는 글들입니다. JavaScript 에서 Events 기능 정리 Scroll Events / Window Resizing / Key Down Events Submit + 태그의 action ■ Mouseover & Mouseout 하나의 element(변수)에 두개의 EventsListener 를 할당 할 수 있으며 JS는 두 가지를 함께 실행 한다. [ 준비 코드 ] Roll your mouse over the box 에 해당하는 빨간 box에 마우스를 가져다 대면 안의 글씨가 innerHTML = "The mouse is over the box"로 바뀜. 그런데 이렇게 코드를 작성하면 한번 마우스를 가져다 댄 이후 계속 " The mouse..

제목에서 " Q "가 있는 경우는 해결하지 못한 궁금증이 있는 글들입니다. JavaScript 에서 Events 기능 정리 Mouseover & Mouseout Scroll Events / Window Resizing / Key Down Events Coursera X K-mooc에서 Javascript basic 수강 중 따로 정리해두면 좋을 JS 기초들에 대해서 정리해보았습니다. 태그에서 data를 보내는 방식을 "GET" 방식으로 보내고 이때 보내지는 data들이 도착할 URL을 action을 이용해서 지정할 수가 있습니다. JavaScript Events //action ="url" - name을 보내고 그 data가 도착할 URL Your name : 그렇다면 데이터를 Get 방식으로 보낸다는 ..

https://blog.naver.com/magnking/220966405605

JavaScript can listen for events and handle them, when they occur. 자바스크립트는 event가 발생 했을 때, 이를 수신하고 다룰 수 있다. ■ onclick : property 버튼 생성 후 눌렀을 때 경고 (alert)창을 뜨게 할 수도 있고 페이지가 열렸을 때 바로 메세지 창이 뜨게 할 수도 있다. 1. 버튼 눌렀을 때 메세지 창 뜨기 : 함수를 이름으로 참조 2. 페이지 열렸을 때 바로 메세지 창 뜨기 : 함수이름을 블록 - ( ) 로 참조해주면 된다. 1번의 경우는 ouch 옆에 ( ) 블록이 없음을 확인 할 수 있으니 주의하자요!! ■ addEventListener(); More morden way of capturing events meth..

https://ui.toast.com/weekly-pick/ko_20200312 은닉을 향한 자바스크립트의 여정 ECMAScript 클래스 필드(class field) 명세중에 `Private field` 즉 `Private Property` (이하 Private 속성) 가 있다. 클래스 필드 스펙은 Stage 3(Candidate)까지 올랐으니 아마 곧 Stage 4(Finished)를 거쳐 표준 스펙이 될 ui.toast.com https://coryrylan.com/blog/javascript-module-pattern-basics JavaScript Module Pattern Basics A beginner tutorial on the ES5 JavaScript Module Design Patte..

DOM : Document Object Model - 문서 객체 모델 >> 문서 객체 : 이나 같은 html문서의 태그들을 JS가 이용할 수 있는 객체로 만드는 것을 의미한다. >> Model : 모듈이라고 인식하면 되는데 여기서는 문서 객체를 " 인식하는 방법" 이라고 이해하면 된다. ∴ DOM은 웹 브라우저가 HTML 페이지를 JS가 이용할 수 있는 객체로 만들어서 "인식" 하는 방식 or 문서 객체와 관련된 객체의 집합을 의미 WebPage도 객체이다. 각각의 네모 칸은 node(노드) 이러한 형태의 자료구조를 tree 형 자료구조라고 한다. Window 는 부모 노드 맨 마지막 요소들은 root(뿌리) 노드 HTML 태그 : 요소 노드 요소 노드 안의 글자 : text 노드 HTML 태그 뿐만이 ..

[스터디 진행 사항 ] 스터디 진행 날짜 : 22년 11월 06일 스터디 진행 장소 : 노원 랭스터디 스터디 진행 시간 : 오후 12시 ~ 오수 2시 (2시간) [학습 내용 ] 오늘 스터디는 간단하게 반복문을 훝고 객체 지향 1 파트를 들어갔다. #객체 : " 것 " anything → 규모가 커지고 대 단위로 프로젝터가 진행이 되면서 객체 간 상효작용하는 방식이 더 편리해짐 #Class : 붕어빵 틀 / 설정집 Class를 기반으로 객체를 만드는데 이때의 Class는 객체의 속성(변수) 와 기능(함수)를 미리 저장해두고 나중에 필요할 때, 호출해서 사용하는 일종의 "설정집" # method : 멤버 함수 void 일때는 함수 {} 블록 안에서만 사용 가능하며 주로 return이 없거나 반환 값이 없을 ..