Coding Everybody
댓글
-
오오 감사합니다!!!!!! 이해하는데 많은 도움이 되었어요!!! :) b -
이미 지나서 도움이 되실지 모르겠지만..
CSS 과정도 들으셨다면 아마 <span>이 inline element 라는걸 들으셨을 것 같아요! (이 과정 안하시구 먼저 자바스크립트부터 들으시는 것 같아서 이해를 못하지 않았나 싶습니다)
<b> <i>도 마찬가지로 inline element라서 화면전체가 아닌 특정 문자에 대해 그 문자에 맞는 사이즈에 딱맞게만 적용범위가 설정되서 줄이 넘어가지 않고 줄 이어져서 글이 작성되는 것이고
<div>와 같이 block level element를 사용하신다면 이건 특정 코드에 대해서만 공간이 적용되는게 아니라 화면 전체로 적용이 되서 공간이 너무 커서 글씨가 줄바꿈이 됩니다. <ol><li><p>도 마찬가지구요 !
엄... 이부분은 CSS 파트를 들으시면 명쾌하게 이해가 될 것 같습니다! 아무래도 코딩이다 보니 직접 보셔야 이해가 될 듯해요.. ㅠㅠㅠ
그리고 어떤 변수를 변수화 하여 사용하려면 '++' 형태가 기본이고 document.write()에서 () 안에 값들을 하나하나 나타내려면 작은따움표를 한번더 써주셔야합니다 이렇게요! document.write(''+coworkers+'')
그냥 '+coworkers[i]+'라고만 적으셔서 당연히 웹페이지에서 출력될땐 문자열 데이터 타입으로써 coworkers[i] 그대로 출력이 된 것 같네요 4번 출력이 된건 coworkers라는 글자가 아닌 hi 라고 바꿔도 4번 나올것이고 [i]를 없애고 hi만 적어도 4번 나올겁니다. 왜냐하면 4번 반복되도록 배열속에 4개의 원소를 넣은 상태고 i=0부터 i=3까지 다 돌아도 4번다 돌면서 4번 적으라고 한 반복문대로 작동 할테니까요 -
a태그 안에 링크부분을 각각 배열마다 다르게 설정할 수 있을까요..?
-
<a href="http://a.com/'+coworkers[i]+'">
이 부분에서 굳이 +coworkers[1]+를 쓰는 이유가 무엇인가요?
바로 뒤에도 똑같은 것이 오지 않나요? -
오오 말씀하신대로 <b> <i> <span>했을 때 그렇게 줄줄이 나오네요..!!!!
뭔가 왜그런지알수없어 아쉽지만 :'-) 덕분에 줄줄이 쓰는 건 성공했어요!! 감사해요 ㅎㅎㅎ -
2021.08.13 수강완료
-
</script> 태그를 끝에 붙여주고
document.write(+coworkers[i]+); 부분을
document.write('+coworkers[i]+');로 바꿨을 때 결과가
+coworkers[i]++coworkers[i]++coworkers[i]++coworkers[i]+
로 나오더라구요
'+coworkers[i]+' 사이에 <b>나 <i>같은 태그를 넣어서
document.write('<b>'+coworkers[i]+'</b>');로 짰을 때는 말씀하신대로
egoingleezchedurutaeho 로 나오고
<p>나 <h1>같은 태그를 넣었을 때는
egoing
leezche
duru
taeho
로 출력됩니다.
왜 이런건지는 저도 초보라서 잘 모르겠네요...ㅠㅠ -
만약에 li로 처리하지 않고
<script>
var i=0;
while (i < coworkers.length) {
document.write(+coworkers[i]+);
i = i + 1;
}
라고 했을 때, 뭔가 한줄로 다닥다닥붙어서 나올 수 있지 않을까 생각했었는데 아무것도 안 나오게 되는 이유는 뭔가요..? 아직 문법 제대로 이해가 안 됐나봐요 흑ㅎ규 -
gogo!
-
ㅇㄹ
-
210727 성공 -
var i = 0 ...
설명을 들을때는 이해가 되는데 막상 혼자 해보려니 눈앞이 깜깜해지네요 .. -
0723 완료
-
20210718 complete!
-
역시 반복문은 어떤 언어에서든 중요하군요,,, 반복문의 힘을 다시 한 번 느끼구 갑니다!
-
2178 -
20210702 -
2021.07.01
-
잘봤습니다~
-
210519
-
2021/05/08
-
2차 - 21.05.06
-
감사합니다!!!
-
고맙습니다
-
2021-03-29
-
감사합니다 -
완료!
정말 재밌네요 -
</script>
</body>
</html>
빼먹으신거아님?
복붙하고 저거 붙이니까 되는데용 -
완료!
-
완료
-
이해가 안갔던 부분인데 감사합니다.
-
2021.02.26 완료!
-
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<h1> Loop & Array</h1>
<script>
var coworkers = ['egoing','leezche','duru','taeho'];
</script>
<h2>Co workers</h2>
<ul>
<script>
var i = 0;
while(i < coworkers.length){
document.write('<li>'+coworkers[i]+'</li>');
i = i + 1;
}
위와 같이 짰더니 출력이 안되네요.. 도대체 이유가 뭘까요? 30분째 찾아도 안보입니다 ㅠ -
21.02.23 완료
-
오우! 1300명째 뷰네요! 감사합니다~
-
완료
-
완료!!
-
완료
-
출석
-
완료 -
난 할수있따!
-
2021.01.24 너무 너무 너무 너무 너무 너무 너무 어렵네어ㅕ...................................
거의 JS의 기초라 봐야하는 거ㅔ겠ㅈ;여? 이것말고도 다른 코드들이 있을텐데... 잎으로 어찌 습득해야할지.. -
coworkers[i] 가 2번 들어가는 이유가 궁금하신 분이 있을까봐 아래 답변을 위로 가지고 올라왔습니다.
후니2년 전
1. <a href="http://a.com/'+coworkers[i]+'">'+coworkers[i]+'</a>
coworkers[i] 가 2번 들어가는 이유는
왼쪽에 있는 coworkers[i] 는 그저 링크된 주소일뿐이구요
오른쪽에 있는 coworkers[i]는 html 화면상에 나타내주기 위한 코드입니다.
말이 좀 어려울수도 있는데 이해 하셨을련지 모르겠네요
브라우저상에서 확인해보시면
1. egoing을 눌러보세요
2. 링크로 간 주소창의 주소를 봐주세요. http://a.com/egoing 이게 뜰겁니다.
3. 나머지 leezche, duru, taeho를 순서대로 눌러서 주소창을 봐주시면
http://a.com/leezche
http://a.com/duru
http://a.com/taeho
로 표기되서 주소창에 출력 될겁니다.
지금 바로 말씀드린게
coworkers[i] 왼쪽에 있는 <a href="http://a.com/'+coworkers[i]+'"> 이 부분을 뜻합니다.
오른쪽에 있는 +coworkers[i]+ 부분은 이해하셨을거라 생각하겠습니다.
추가) 여기에 제가 이해한 것을 덧붙이자면
간단히 말해서 첫번째 '+coworkers[i]+'는 내가 하이퍼링크를 눌렀을 때 나오는 창에서 주소가 http:~~~'+coworkers[i]+'로 나오게 만든 것입니다.
즉, http://a.com/egoing 으로 나오게 만든 것이죠.
원래 주소는 http://a.com/인데 '+coworkers[i]+'를 붙임으로써 달라진 것입니다.
2번째는 모두 아시겠지만 리스트와 하이퍼링크가 들어간 텍스트로 '+coworkers[i]+'를 넣은 것입니다. 그래서 결과물로 li,a가 적용된 egoing, leezche 등이 나오게 됩니다.
저도 헷갈려서 아래 댓글들을 쭉 읽다가 이해했네요 -
오 저도 이 부분부터 오랜만에 보기시작한지라 ++ 의 존재가 왜 필요한지 궁금해서 댓글보던차에 설명 잘해주셔서 이해했습니다. 감사합니다.
-
템플릿 리터럴을 사용하면
document.write(`<li>${coworkers[i]}</li>`); -
2021.01.18
-
21.01.14 재밌습니다.
-
2021.01.14
-
완료~ -
완료!
버전 관리
| egoing |
| 현재 버전 | |
|---|---|
| 선택 버전 |
