WEB2 - JavaScript
WEB2 - JavaScript
Open
tutorials.org
도움말
로그인
로그인
닫기
아이디
비밀번호
로그인 유지
로그인
후원
공동공부
(
1954
명)
리팩토링(refactoring)
2017-11-26 01:32:25
소스코드
변경사항
See the Pen 리팩토링 by egoing (@egoing) on CodePen.
봤어요
(
1568
명)
이전
다음
댓글
댓글 본문
댓글을 작성하려면 로그인하셔야 합니다.
yogg
5일 전
아직 잘 모르겠지만 그래도 조금씩 이해되고 있는 것 같습니다 ! 감사합니다
답글
uin
21일 전
감사합니다
답글
요모
24일 전
2021-03-26
답글
단디
25일 전
완료
답글
뚜따띠또따
27일 전
21.03.24 완료!
답글
졸대
한 달 전
완료!
답글
rose_lex
한 달 전
완료
답글
20단국
한 달 전
3/7일 11일차
답글
진돌
한 달 전
2021.02.26 완료!
답글
낭낭
한 달 전
21.02.24 완료
답글
gkalsdlf
한 달 전
완료!
부가적인 질문인데
한 버튼을 누르면 동일한 클래스의 나머지 버튼들도 동시다발적으로 value가 바뀌게 하는 방법은 없나요?
검색을 어떤식으로 해야할지도 모르겠네요..
비슷한 느낌으로 queryselectorALL 검색해서 써봤는데 문법을 모르는건지 잘 안되고요
답글
empty010
한 달 전
코딩을 잘하는 법 변수를 지정해서 중복 제거 최대한 간결하게
답글
현
한 달 전
id ="night_day" 의 자기자신 (this)은 document.querySelector('#night_day') 를 뜻합니다.
다른 예제로
<id ="햄버거"> 의 this는 <document.querySelector('#햄버거')> 가 됩니다.
햄버거의 값과 햄버거를 불러오는 코드의 값이 일치하기 때문에 자기자신(this)란 표현을 씁니다.
또다른 예제를 들어보면
한 사람이 있고 그 사람의 주머니에서 동전을 꺼낸다고 칩시다. 그럼
id="사람"
document.querySelector('#사람')의.주머니에서동전꺼내기{}
자신의 주머니에 들어있는 동전을 꺼내야하기 때문에
this( #사람 / 나).의 주머니에서동전꺼내기{}
라고 하는거예요.
document.querySelector('#사람')의.주머니에서동전꺼내기 라는 구문을 더 편하게 쓰기 위해 this.의 주머니- 란 말을 씁니다
대화보기
답글
현
한 달 전
21.02.22 완료
답글
떤치
한 달 전
0219 완료
답글
서준
2개월 전
완료
답글
yogg
2개월 전
감삼다
답글
LSW
2개월 전
리펙토링 효율성을 높이는 작업
this : input에서 자기 자신을 가르킴
var 변수명 = 변수타겟팅; : 변수를 활용해 문장을 축약가능
답글
mymie
2개월 전
완료
답글
Yohanesty
2개월 전
출석
답글
임찬혁
2개월 전
완료
답글
코딩맨
2개월 전
2021.01.22 본인이 본인을 가르키는 코드란 말이 뭔 말인지 모르겄다. 머리가 딴 데 가있어서 그런지..
요즘 또 작심일주일이 되어서 그런건지^^ 내일 다시 들어야겠다
답글
양경웅
2개월 전
리팩토링 'this'
var target = document.querySelector('body');
답글
chimhyangmoo
3개월 전
2021.01.19
답글
몰댕
3개월 전
21.01.14
동일 단어 선택 ctrl+d
중복을 없애는 것이 중요
답글
걸어가는신사
3개월 전
2021.01.14
답글
T.Hwang
3개월 전
완료~
답글
pyerin
3개월 전
좋은 정리네요 !!
대화보기
답글
pyerin
3개월 전
this가 뭔가 했는데, 답을 알고 갑니다 :)
코드가 복잡하고 길어질 수록 중복제거의 중요성은 높아진다!
파이썬 코드를 리팩토링하는 과제가 나왔었는데... 그때 헤멨던 기억이 나네요 ㅋㅋ
답글
younghwani
3개월 전
완료!!
답글
jeisyoon
3개월 전
감사합니다.
답글
이현수
3개월 전
2021.01.08(금)
답글
주니어개발자
3개월 전
https://colorscripter.com......2dE
코드 개선 작업
코드의 가독성을 높이고,
유지보수하기 편리하게 만든다.
누구나 쉽게 읽을 수 있는 코드가
제일 좋은 코드다.
소프트웨어가 커지고 복잡해짐에 따라서
틈틈히 리팩토링을 해야 좋은 프로그램을 만들 수 있다.
비효율의 제거 : 중복을 제거하고 재활용성을 높인다
답글
박병진
3개월 전
2020.12.30 완료
답글
서울사이버대학을다니고
3개월 전
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<input id="night_day2" type="button" value="night" onclick="
var target = document.querySelector('body')
if(this.value === 'night'){
target.style.backgroundColor='black';
target.style.background='white';
this.value = 'day';
}else{
target.style.backgroundColor='white';
target.style.background='black';
this.value = 'night';
}
">
</body>
</html>
답글
unknown
3개월 전
this, var, target
답글
샴파뉴
3개월 전
2020.12.27
답글
박병진
3개월 전
2020.12.23 완료 (복습 중)
답글
생활둘기
4개월 전
2020 12 19
답글
HUGO
4개월 전
우오오오..너무 편한기능이네요.. 감사합니다!!
대화보기
답글
썽민
4개월 전
저도 이게 궁금해서 찾아 봣습니다.
구글에
atom select all same words 로 검색하니
CTRL+D 누르면 됩니다.
CTRL누른 상태에서 D를 누르면 가장 가까운 단어부터 멀티커서 기능이 됩니다
대화보기
답글
윱
4개월 전
20201210
답글
HUGO
4개월 전
저 똑같은 코드들 한번에 주르륵 클릭하시는건 어떻게 하는건가요? 컨트롤 누르고 더블클릭 더블클릭 하나씩 하시는 건가요? 마우스 커서는 가만히 있는데 스크롤만 내려가는것 같아요
답글
부챔개
4개월 전
20.12.02 완료
답글
준Fe
4개월 전
20201130이어서
답글
둘기
4개월 전
20.11.29 완료
답글
듀리
4개월 전
2020.11.24
답글
Zzangbae
4개월 전
20.11.23 완료
답글
kkn1125
4개월 전
20.11.22 완~료!
답글
푸쿠하
5개월 전
'20.11.19 완료
답글
더 보기
버전 관리
닫기
2017-12-04 15:18:06
egoing
현재 버전
2017-12-04 15:18:06
선택 버전
선택한 버전으로 복원
버전 비교
graphittie
자세히 보기
토픽
0
모듈
0
코스
0
봤어요
0
댓글
0
명예의 전당
0