생활코딩
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
공동공부
(
2382
명)
리팩토링(refactoring)
2017-11-26 01:32:25
소스코드
변경사항
See the Pen 리팩토링 by egoing (@egoing) on CodePen.
봤어요
(
1916
명)
이전
다음
댓글
댓글 본문
댓글을 작성하려면 로그인하셔야 합니다.
헤밍웨이
2일 전
220810 감사합니다
답글
코드만다
16일 전
22.07.26
답글
RAHE
20일 전
2022.07.24_
답글
wavy
22일 전
^_^
대화보기
답글
TTimotti
23일 전
도움주셔서 감사합니다
대화보기
답글
wavy
24일 전
제가 아는 바로는 사용이 가능하다는 것이지 쓰임새를 현재도 인정받고 있다는 것은 아닙니다. 실사용은 let, const로 대체되었습니다
대화보기
답글
TTimotti
24일 전
let, const 가 등장했지만, var 또한 쓰임새를 인정받아 계속 사용되고 있다는 말씀이실까요?
대화보기
답글
wavy
25일 전
아랫분 지금도 이용은 가능해요
답글
TTimotti
25일 전
var 로 변수 지정하는것이 지금도 사용되는 지 아시는분 계십니까? 그렇다면 답글 부탁드립니다.
답글
ally
한 달 전
220711 복습. 리팩토링
id=night_day -> '#night_day'
this로 지칭
var target = document.querySelector('body');
target으로 지칭
답글
진진리
한 달 전
0711
답글
Dragonmin
한 달 전
220710
답글
ally
한 달 전
220709
답글
toonfac
한 달 전
220703 오후 6시 28분 완료
답글
테르
한 달 전
위 버튼 value 값이 바뀔때, 밑 버튼 value 값도 따라 바뀌게는 못함?
위(버튼) day, 밑(버튼)day 에서
위(버튼) 클릭해 night으로 바꾸면, 밑(버튼)은 그대로 day여서
밑(버튼)을 두번 눌러 줘야 다시 화면이 전환됨.
위(버튼), 밑(버튼) 연동 되게 못함???
답글
ichenny
한 달 전
2022.06.26
답글
양빵
한 달 전
220615
답글
onehae
2개월 전
220606
답글
탕탕
2개월 전
220602
답글
진진리
2개월 전
22.05.19
답글
쪼
2개월 전
220516
답글
주파랑
3개월 전
음... 이 수업 듣기 전에 CSS 들으면서 배경색을 그라디언트로, 글자색도 각각 다른 색으로 칠해놓은 상태에서,
배운 대로 하면 야간 모드에서 글자색은 잘 모르겠고 배경화면에 검은색을 얹어지는데 주간 모드에서는 버튼 값은 잘 바뀌는데 style 요소들에 변화가 없다. 어쩌지...
답글
Klee
3개월 전
220505 리팩토링 중복제거
답글
고배배
3개월 전
220424
답글
B_frog
4개월 전
220407
답글
pdpd
4개월 전
220406
답글
이윤
4개월 전
220405
답글
DH니스
4개월 전
2022.04.01
답글
너구리기린
4개월 전
2022.03.30
답글
new 개발자
5개월 전
20220314
답글
지구
5개월 전
2022.03.14
답글
akhhk
5개월 전
효율적이게 사용할 수 있을것같아요 ! 감사합니다 !
답글
melll
5개월 전
2022.02.23 완료
답글
드림보이
5개월 전
2022.02.16. WEB2 - JavaScript - 리팩토링(refactoring) 파트 수강완료
답글
초보자바
5개월 전
22-02-15 완료
반복되는 것을 제거하는 것이 코딩을 잘하는 비법
답글
무접점키보드
6개월 전
this, target 변수 활용하기
답글
aristia
6개월 전
2022.02.03
답글
chio
6개월 전
20220126
답글
developerSH
6개월 전
현직 개발자입니다
강의가 너무 좋아요.. 아직 미숙해서 많이 공부를 해야 하는데 너무 도움 많이 받습니다 감사합니다
2022-01-23
답글
아까그애
6개월 전
2022-01-21 완료
답글
열정jk
6개월 전
220115 감사합니다
답글
지원이아빠
7개월 전
참고 :
https://developer.mozilla.org......%9C
인라인 이벤트 처리기 (= 지금 코드처럼 <input type= value= onclick="자바스크립트문법으로 작성하는부분;")> 로 작성하는 자바스크립트..) 에서는 this 라는게 지금 input 태그 자체를 말합니다.
1억개의 input태그중에 특정 input을 선택하려면 id="뭐시기" 나 class="뭐시깽이" 처럼 써서 그걸 querySelector로 골라줘야하는데 그럴필요없이 그냥 this 라고 하면 현재 input태그를 말하는거죠.
대화보기
답글
이거왤케어려워
7개월 전
211230 완료 감사합니다.
답글
commonerd
7개월 전
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';
}
답글
소설가
7개월 전
2021-12-17 완료
고맙습니다.
답글
kimkk
8개월 전
re+factor : factor를 다시 구성하다.
fac·tor
1. 요인, 인자2. 인수3. (증가감소의) 양
답글
롤링
8개월 전
오후 2:05 2021-12-14
답글
kimsworld
8개월 전
파이팅
답글
민택기
8개월 전
21.12.04 완료
답글
survive
8개월 전
21.11.22
답글
더 보기
버전 관리
닫기
2017-12-04 15:18:06
egoing
현재 버전
2017-12-04 15:18:06
선택 버전
선택한 버전으로 복원
버전 비교
graphittie
자세히 보기
토픽
0
모듈
0
코스
0
봤어요
0
댓글
0
명예의 전당
0