생활코딩
Coding Everybody
Open
tutorials.org
코스 전체목록
도움말
로그인
로그인
닫기
아이디
비밀번호
로그인 유지
로그인
후원
코스 전체목록
닫기
WEB
WEB1 - HTML & Internet
WEB2 - CSS
WEB2 - JavaScript
React
Redux
Ajax
Facebook Login
Google Login
p5.js
WEB2 - Node.js
Node.js - MySQL
Node.js - Express
Node.js - 쿠키와 인증
세션과 인증
Passport.js
다중 사용자
Google Login
Facebook Login
WEB2 - Python
Django Web Framework
Flask Web Framework
WEB2 - PHP
WEB3 - PHP & MySQL
WEB2 - Home server
WEB2 - Domain Name System
WEB2 - HTTP
WEB2 - OAuth 2.0
웹 애플리케이션 만들기
DATABASE
DATABASE1
MySQL
Oracle
SQLite
lowdb
SQL Join
관계형 데이터 모델링
언어
생활코딩 Python 입문 수업
파이썬 제어문
생활코딩 JAVA 입문 수업
JAVA - 제어문
JAVA - method
JAVA 객체 지향 프로그래밍
Java 상속
Java
JavaScript
PHP
Python & Ruby
정규표현식
스크래치
클라이언트
겁나 빠른 웹 레시피
HTML
HTML 수업
HTML 사전
CSS
CSS 수업
CSS 사전
JavaScript
웹브라우저 자바스크립트
JavaScript 사전
jQuery
UI 라이브러리
Semantic UI
jQuery Mobile
Twitter Bootstrap
모바일
텍스트큐브 & 티스토리 스킨
서버
HTTP
JavaScript (nodejs) - 폐지예정
PHP
PHP 기본 수업
CodeIgniter
PHP 고급 수업
MySQL
인프라
리눅스
인터넷
아마존 웹서비스 (AWS)
아마존 웹서비스 (폐지예정)
데이터 과학
머신러닝1
Orange3
Orange3 지도학습
Tensorflow (python)
Tensorflow (JavaScript)
TensorFlow.js Classification (분류 작업 시키기)
Tensorflow.js Classification
Teachable machine & WEB
개발도구
개발도구들
크롬 개발자도구
가상머신 (virtualbox)
프로젝트 관리
GITn
GIT1
Git CLI - 버전관리
GIT CLI - Branch & Conflict
GIT CLI - Backup
GIT CLI - 협업
GIT CLI - Cherry-pick & rebase
GIT - CLI - github.com Pull reqeust
Visual Studio Code 로 다루는 Git
버전관리 시스템
지옥에서 온 Git (새 수업으로 대체)
GIT-SourceTree (새수업으로 대체)
Subversion
프로젝트 관리도구
생활코딩 Docker 입구 수업
Gitlab
github
Redmine
기타
프로그래밍 오리엔테이션
보편적이지 않은 코딩
독서모임
CODE
Hello world
processing.js
mongodb
python
알고리즘
개발문서
생활코딩
>
WEB
>
WEB2 - JavaScript
공동공부
(
2330
명)
리팩토링(refactoring)
2017-11-26 01:32:25
소스코드
변경사항
See the Pen 리팩토링 by egoing (@egoing) on CodePen.
봤어요
(
1870
명)
이전
다음
댓글
댓글 본문
댓글을 작성하려면 로그인하셔야 합니다.
진진리
6일 전
22.05.19
답글
쪼
9일 전
220516
답글
주파랑
19일 전
음... 이 수업 듣기 전에 CSS 들으면서 배경색을 그라디언트로, 글자색도 각각 다른 색으로 칠해놓은 상태에서,
배운 대로 하면 야간 모드에서 글자색은 잘 모르겠고 배경화면에 검은색을 얹어지는데 주간 모드에서는 버튼 값은 잘 바뀌는데 style 요소들에 변화가 없다. 어쩌지...
답글
Klee
20일 전
220505 리팩토링 중복제거
답글
고배배
한 달 전
220424
답글
B_frog
한 달 전
220407
답글
pdpd
한 달 전
220406
답글
이윤
한 달 전
220405
답글
DH니스
한 달 전
2022.04.01
답글
너구리기린
한 달 전
2022.03.30
답글
new 개발자
2개월 전
20220314
답글
지구
2개월 전
2022.03.14
답글
akhhk
2개월 전
효율적이게 사용할 수 있을것같아요 ! 감사합니다 !
답글
melll
3개월 전
2022.02.23 완료
답글
드림보이
3개월 전
2022.02.16. WEB2 - JavaScript - 리팩토링(refactoring) 파트 수강완료
답글
초보자바
3개월 전
22-02-15 완료
반복되는 것을 제거하는 것이 코딩을 잘하는 비법
답글
무접점키보드
3개월 전
this, target 변수 활용하기
답글
aristia
3개월 전
2022.02.03
답글
chio
4개월 전
20220126
답글
developerSH
4개월 전
현직 개발자입니다
강의가 너무 좋아요.. 아직 미숙해서 많이 공부를 해야 하는데 너무 도움 많이 받습니다 감사합니다
2022-01-23
답글
아까그애
4개월 전
2022-01-21 완료
답글
열정jk
4개월 전
220115 감사합니다
답글
지원이아빠
4개월 전
참고 :
https://developer.mozilla.org......%9C
인라인 이벤트 처리기 (= 지금 코드처럼 <input type= value= onclick="자바스크립트문법으로 작성하는부분;")> 로 작성하는 자바스크립트..) 에서는 this 라는게 지금 input 태그 자체를 말합니다.
1억개의 input태그중에 특정 input을 선택하려면 id="뭐시기" 나 class="뭐시깽이" 처럼 써서 그걸 querySelector로 골라줘야하는데 그럴필요없이 그냥 this 라고 하면 현재 input태그를 말하는거죠.
대화보기
답글
이거왤케어려워
4개월 전
211230 완료 감사합니다.
답글
commonerd
5개월 전
2021-12-23
리팩토링: 코드개선 간결화
this 활용; var 활용
<input id="night_day" type="button" value="night" onclick="
var target = document.querySelector('body');
if(this.value === 'night'){
target.style.backgroundColor = 'black';
target.style.color = 'white';
this.value = 'day';
} else {
target.style.backgroundColor = 'white';
target.style.color = 'black';
this.value = 'night';
}
답글
소설가
5개월 전
2021-12-17 완료
고맙습니다.
답글
kimkk
5개월 전
re+factor : factor를 다시 구성하다.
fac·tor
1. 요인, 인자2. 인수3. (증가감소의) 양
답글
롤링
5개월 전
오후 2:05 2021-12-14
답글
kimsworld
5개월 전
파이팅
답글
민택기
5개월 전
21.12.04 완료
답글
survive
6개월 전
21.11.22
답글
개발맨
6개월 전
완료
답글
amsnd
6개월 전
21-10-30. 5타.
답글
amsnd
6개월 전
21-10-29. 4타.
답글
amsnd
7개월 전
21-10-28. 3타.
답글
amsnd
7개월 전
21-10-27. 2타.
답글
amsnd
7개월 전
21-10-25. 1타.
답글
해피랜저
7개월 전
21.10.20 감사!
답글
이가은
7개월 전
21년 10월17일
답글
navywood
7개월 전
굳
답글
야옹아왈해봐
7개월 전
211005
답글
안제경
7개월 전
2021.10.04
답글
inventorh
8개월 전
2021.09.28
답글
김관호
8개월 전
2021.09.25.
답글
영도폭격기
8개월 전
2021.09.18 완료
답글
커넥티드 허트
9개월 전
21.08.25 완료
답글
hwangwonjoon
9개월 전
2021.08.13 수강완료
답글
솔나무
9개월 전
중복의 제거!
답글
승뇽뇽
9개월 전
완료
답글
조유빈
9개월 전
완
답글
더 보기
버전 관리
닫기
2017-12-04 15:18:06
egoing
현재 버전
2017-12-04 15:18:06
선택 버전
선택한 버전으로 복원
버전 비교
graphittie
자세히 보기
토픽
0
모듈
0
코스
0
봤어요
0
댓글
0
명예의 전당
0