감귤밭 호지차 농장

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..

갓 뎀 3주차 벌써 지나가는데 내 기얷속에 남는 건 나띵 웰 얼 이즈 ㅇ[즈힏러 마 쫓 댐

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이 없거나 반환 값이 없을 ..

이번 시간에는 Java Script의 객체에 대해 요약 정리해보도록 하겠습니다. 공부하면서 적은 블로그라 틀린 점이 있다면 언제든지 지적 부탁드립니다. ◆ 객체 (Object) Java Script는 객체 지향 프로그래밍 언어이지만 엄밀히 말하자면 "프로토타입 기반의 객체지향 언어" 이다. "Class 기반의 객체지향 언어" 인 JAVA나 C 와는 조금 다른면이 있다는 것이다. Class 기반의 객체지향 언어는 객체를 생성하기 위해 (class를 생성하고, new 연산자를 사용해서 인스턴스를 생성) 하는 과정이 필요하다. 다만, Java Script에서는 간단하게 몇 가지 방법을 사용해서 객체를 생성할 수 있는데 다음과 같다. 1. 객체 리터럴 2. Object 생성자 함수 3. 생성자 함수 4. Obj..

티스토리 코드블록 테마 변경하는 방법 1. 코드 블록 테마 사이트 방문해서 마음에 드는 테마 선택하기 https://highlightjs.org/static/demo/ highlight.js demo highlightjs.org 2. 티스토리 서식 변경으로 들어가서 부분에 다음 코드 입력하기 ** 주의 사항 : 모든 문자는 소문자 / 띄어쓰기는 - 으로 대체 ** 테마 이름 부분에 내가 선택한 테마를 적으면 된다. 끝. 참고 블로그 : https://july7k.tistory.com/161 [티스토리 꾸미기] 코드 블럭 변경(테마 적용, 글씨체, 글씨 크기) 티스토리에 '코드 블럭' 이라는 기능이 참 좋다고 생각하는데, 기본 테마는 가독성이 떨어진다는 단점이 있다. 그래서 찾아본 방법! 1. 간단하게 바..

계속 Git HUB 이용하는데 너무 어려움이 많아서 한번에 보기 쉽게 정리해보았습니다. 저와 같이 힘들어하는 사람이 있다면 도움이 되길 바라며 추가적으로 알게 된 사항들은 지속적으로 업데이트 하도록 하겠습니다. ## Pull Request (과제 제출) 하는 방법 우선 Pull Request를 하기 전에 선행되어야 할 사항들이 있다. 보통 과제를 git으로 제출하기 위해서는 저장소를 fork 하고 clone해야 하는데 이 방법에 대해서는 이 " 링크 : 과제를 위한 git 저장소 fork & clone 방법 "에 정리해두겠스비낟. 저장소를 fork 하고 clone을 완료 했다면 이제 (저 같은 경우는 Java Script를 사용하니까) Visual Studio Code프로그램을 열고 해당 git 폴더를 ..

이 수업에서는 Visual Studio Code 프로그램을 사용한다. 우선 시작하기 앞서 나같은 Window 사용자들은 파일들의 확장자 명을 볼 수 있게 설정해두도록 하자. >> TIP : VS 새 폴더 만들 때 파일 이름에 공백은 없도록 하자. ## JS에서의 undefined / null / 0 는 FALSE 아래와 같이 코드를 작성해보면 chrome 화면 출력 결과는 False가 나온다. 여기서 green은 값이 undefiend인 변수여서 출력하면 값은 false 이기 때문에 if문의 else 블록의 출력문이 출력된다. Undefined resolves this flase Java Script. (Undefined는 잘못된 JS를 해결해준다.) >> JS는 undefined / null / 0 /..

▣ 우테코 1주차 완료 후 느낀 점 굉장히 정신 없이 지나간 1주 였다. 아무래도 JS는 공부하기 시작한지 얼마 되지 않은 상황이라 다른 사람들이 하는 질문하고 올리는 것 조차 이해하지 못한 점들이 많다. 남들보다 늦게 시작한 만큼 따라 잡아야 할 부분도 많다는 것을 절실히 느꼈다. 하지만 스스로 고민하고 해결해나가는데에 재미를 느꼈고 시간 가는 줄 몰랐다. 남은 2주차, 3주차, 4주차도 끝까지 포기하지 않고 어떻게든 끝자락이라도 따라잡을 수 있다면 그것만으로도 내게는 큰 의미가 있다고 생각한다. ▣ 1주차 관련 이론 정리 slice(), split() 배열, 객체 배열 node.js git hub / commit 문제2 : 중복 문자 문제6 : 문제7 : ▣ 1주차 코치님들로의 피드백 커밋 + git..