html,css는 일주일로 끝났는데 자바로 넘어오면서 난이도가 어느정도 어려워져서 손 놓고 있다가 이고잉쌤 목소리 듣고 싶어서 다시 공부중입니다. 띄엄띄엄 하다보니 배웠던 거 까먹는 걸 반복해서 공부할 때 몰입이 얼마나 중요한 지 알게 되었습니다. 오늘부터 다시 몰입해서 공부하겠습니다. 항상 감사합니다!!
이전 강의에서 사용했던 target변수를 사용하기 위해 Body오브젝트안에 target: document.querySelector('body'), setColor:function(color){ this.target.style.color=color} 이렇게 정의하고 사용하려는데 계속 target프로퍼티에 null이 담기는것 같은데 왜 그런걸까요?
검색해서 찾았네요^^ 프로퍼티 키는 일반적으로 문자열(빈 문자열 포함)을 지정한다. 프로퍼티 키에 문자열이나 symbol 값 이외의 값을 지정하면 암묵적으로 타입이 변환되어 문자열이 된다. 또한 문자열 타입의 값으로 수렴될 수 있는 표현식도 가능하다. 프로퍼티 키는 문자열이므로 따옴표(‘’ 또는 ““)를 사용한다. 하지만 자바스크립트에서 사용 가능한 유효한 이름인 경우, 따옴표를 생략할 수 있다. 예) 프로퍼티 키 first-name에는 반드시 따옴표를 사용해야 하지만 first_name에는 생략 가능하다. first-name은 자바스크립트에서 사용 가능한 유효한 이름이 아니라 ‘-‘ 연산자가 있는 표현식이기 때문이다.
코드를 직관적으로 만들기 위함인걸로 알아요! Body tag의[body] 배경 색깔[.setbackgroundcolor]을 흰색[white]으로 설정해야지! --> Body.setBackgroundColor('white') 이런 식으로 말이죠... 설명이 좀 난해하네요 ㅎㅎ
![BLACK BAG - Official Trailer [HD] - Only in Theaters March 14](http://i.ytimg.com/vi/Du0Xp8WX_7I/mqdefault.jpg)
처음 코딩을 배웠을때 뭔가 알듯말듯했던 개념들이 다시 정립되네.. 데이터를 넣는 상자인 배열을 넣는 상자인 함수를 넣는 상자인 객체. 새로 배우는 개념들이 전부 정리와 유지보수를 간편하게 해주는구나
document가 객체였다니.... 쿼리셀렉터가 그 안에 담긴 메써드였다니...!!! 이해하고 보니까 완죤 반전드라마..
언젠간 다시보면 이해될 그 날이 올때까지 화이팅!
:(콜론)의 의미를 모르시는 분은 그냥 js에서는 :(콜론)이 property(key)에 값(value)를 지정한다는 의미로 사용된다고 만 알고 계시면 됩니다.
HTML부터 쭉 잘 따라오다가 오브젝트부터 가끔씩 정지 시키고 생각하게되네요.
좋은 강의 감사드립니다. 개발자와 같이 일하는 비개발자로서 실무에 굉장한 도움이 됩니다..
css와 html은 굉장히 쉬운 언어였네요 정말루 ㅋㅋㅋ......
css html은 프로그래밍 언어가 아니라 디자인해주는 언어라
ㄷㄷ 다큐먼트 자체가 객체였고 쿼리셀렉터가 메소드였다는게 포인트네요 반전 드라마 같은 강의
작년 겨울엔 이해 못했던 부분인데 벌써 시간이 흘러 여름이고 이제는 이해가 잘됩니다!! ㅎㅎ 성장
좋은 강의 감사합니다.
강의 내용을 다 이해하고 있지만서도 내가 원하는 방식으로 사용하기 위해서는 정말 많은 노력이 필요할 것 같습니다.
포기하지 않는 것이 중요하겠죠!
점점 눈이 트이는 느낌 입니다. 감사합니다!
너무신기하고 재밌네요 최고의 강의입니다
어렵네요.. 몇번씩 따라서 해 봐도 늘 새롭군요.. ㅠㅠ
html,css는 일주일로 끝났는데 자바로 넘어오면서 난이도가 어느정도 어려워져서 손 놓고 있다가 이고잉쌤 목소리 듣고 싶어서 다시 공부중입니다.
띄엄띄엄 하다보니 배웠던 거 까먹는 걸 반복해서 공부할 때 몰입이 얼마나 중요한 지 알게 되었습니다. 오늘부터 다시 몰입해서 공부하겠습니다.
항상 감사합니다!!
이전 강의에서 사용했던 target변수를 사용하기 위해
Body오브젝트안에
target: document.querySelector('body'),
setColor:function(color){
this.target.style.color=color}
이렇게 정의하고 사용하려는데 계속 target프로퍼티에 null이 담기는것 같은데 왜 그런걸까요?
그러네요. 아래와 같이 target를 함수로 수정하니 동작은 하는데, 깔끔하지는 않네요.
target: function() {
return document.querySelector('body')
},
setColor:function(color) {
//document.querySelector('body').style.color = color;
this.target().style.color = color;
},
앞 강의에서 객체 안에 변수(property)를 정의할 떄는 ""로 묶어서 정의("programmer")하고 함수(method)를 정의할 때는 ""없이 정의( SetColor)했는데 그 이유가 뭔가요??
검색해서 찾았네요^^
프로퍼티 키는 일반적으로 문자열(빈 문자열 포함)을 지정한다. 프로퍼티 키에 문자열이나 symbol 값 이외의 값을 지정하면 암묵적으로 타입이 변환되어 문자열이 된다. 또한 문자열 타입의 값으로 수렴될 수 있는 표현식도 가능하다. 프로퍼티 키는 문자열이므로 따옴표(‘’ 또는 ““)를 사용한다. 하지만 자바스크립트에서 사용 가능한 유효한 이름인 경우, 따옴표를 생략할 수 있다.
예) 프로퍼티 키 first-name에는 반드시 따옴표를 사용해야 하지만 first_name에는 생략 가능하다. first-name은 자바스크립트에서 사용 가능한 유효한 이름이 아니라 ‘-‘ 연산자가 있는 표현식이기 때문이다.
저도 궁금했는데 감사합니다!
깔끔한 강의 언제나 감사드려요. 강의를 들으면서 질문이 하나 생겼습니다.
3:12 왜 객체를 Links와 Body 두개로 나누는건가요? Body에 setColor까지 넣는건가 라고 생각하고 있었는데 혹시 의미가 따로 있다면 알려주실수 있으실까요?
나누는 기준은 그냥 나누는 사람 마음이니까 석호님 편하신데로 하시면 됩니다. 집 정리, 디렉토리 정리 하는 느낌으로 바라보셔요.
@@coohde 답글 감사드립니다. 리팩토링도 사람마다 많이 달라질꺼 같은 느낌이 드는거 같네요 ㅎㅎ 강의 들으면서 도움 많이 되구있어요. 언제나 힘 받아서 갑니다.ㅎ egoing님도 힘내세요!! 응원하겠습니다 ㅎ
강의에서는 Links에 하나의 링크 관련 메소드가 하나만 들어가있지만 나중에 링크 관련 메소드를 더 추가할 수 도 있기 때문에 미리 묶어서 정리해 둔거라고 생각해두면 될거 같아요!
아아아 왜 안되지는 거지 .. 진짜 미치겠네 하..
2시간째 잡고있는데 모르겠어요..
똑같이 따라하는데 검사에서 Uncaught ReferenceError: is not defined 에러가 뜨네요 ㅠ 검색해보니 제이쿼js가 로딩인 안된거라고 나오는데.. 제이쿼리는 시작도 안했고 건들지도 않았는데 갑자기 왜 이 에러가 뜰까요. 아시는분 계실까요? ㅠㅠ
똑같이 했는데 왜 안되나 싶어서 혹시 대문자 소문자 때문인가..? 했는데 진짜였어용…ㅋㅋㅋ
: 이거 제대로 이해를 못했는데 : 에 대한 설명 있는 편 알려주실 분계신가요 ㅜㅜ : 는 사용하는 것 만으로 그냥 뒤에오는 값을 포함시키는건가요??,,,.
파이썬과 c언어를 배우고 들어오니 한편으론 각 언어별로 정리가 되면서 뒤죽박죽 될때도 있네요 ㅎㅎ.. 열심히 복습하고 실습하겠습니다 항상 감사합니다! (2021.1.19)
기존 코드는 객체를 따로 만들지 않은 단순 함수(fucntion)를 만들어 쓰는 방식이고
수정하는 부분은 Body라는 객체를 만들어주고 객체 안의 function을 포함시켜 Method로 사용한다는 개념.. 맞을까요? ㅜㅡ
roomycode.blogspot.com/2016/09/jquery.html
여러분 저만 어려운거 아니죠? html이랑 css는 두번반복하니까 좀 알 것 같았는데 자바로 들어오니 이거완전 ㅋㅋ 벽에막힌 느낌이네요 이고잉님이 엄청잘가르켜주시는것같은대;; ㅜㅜ 한 4번반복하면 이해가되려나요
함수화한것을 다시 '어떤name"객체별로묶어서 객체화시킴 .... 근데 함수부터까먹음 ^^ㅋㅋㅋㅋ
친절하게 알려주셔서 감사합니다..!
최고
이렇게 하는이유가 코드를 간단하게만들려고 하는건가요?
코드를 직관적으로 만들기 위함인걸로 알아요! Body tag의[body] 배경 색깔[.setbackgroundcolor]을 흰색[white]으로 설정해야지! --> Body.setBackgroundColor('white') 이런 식으로 말이죠... 설명이 좀 난해하네요 ㅎㅎ
간단하게 만들려고 쓰는 것도 맞아요 그리고 그렇게 하면서 좀더 이해하기 쉬운 이름을 지어주면서 직관성이 올라간다는 점도 있고요.
The best lecture ever!
속성을 객체화 시켜서 표현한다는건가요...?
setcolor, backgroundcolor를 모두 소문자로 했다가 이상해졌어요.. 근데 또 backgroundColor(c만 대문자)로 통일하니 돼요
쌤은 body로 객체묶을때setColor 함수가 style.color 로 c를 소문자로 하시고
setBackgroundColor함수를style.backgroundColor로 b는소문자로 c는 대문자로 하셨는데 되시네요?
너무혼란스러워요.. ㅠㅠ 도와주세요
js에서는, tag 안에서 배경색을 주는 문법 자체가 style.backgroundColor입니다. 무조건 대문자 C로 적어야 되는 걸로 '애초에' 정해져 있어요
이번에도 감사합니다 :)
.을 class에도 쓰고 method에서도 쓰면 어떻게 구별하지
로 구분하나요? 아시는분 알려주세요
제 생각엔 method랑 class는 쓰는 위치가 다르기 때문에 굳이 신경쓰지 않아도 될것같아요.
method위치에 class를 쓰거나 class위치에 method를 쓰는 경우를 못봤거든요. 위치로 구별하면 될것같아요.
태그내 :css class
태그내: js객체 참조
로 사용됩니다
쌤 감사합니다!
객체선언할 땐, 다 그 대문자로 하는게 규칙인가요? 소문자로 하면 작동 안하는건가요?
작동은 되네요. 그냥 구분지어주려고 대문자로 Body랑 Links 라고 해줬나보네요.
2020.08.18 어렵..
this 가 뭔지 모르겟다,,
아 어려워요
감사합니다!!!!!!!!!!!!!!!!!!!!!!
어려웡
조금 이해된다.. 다시 공부하고 반복에 반복을 해야겠다.
2023.02.07
작은 컴마 땜에 에러가 난다니..ㄷㄷ
모르겠다 모르겠다 모르겠다 모르겠다 진짜 모르겠다 모르겠다 아이
20180205