Web 3 팀 교육자료 초안입니다.

[jukang3570]

교육자료 초안 만드는 과정에 있어 변경점을 알려드립니다.
코로나사이트 만들기 + 나만의 웹사이트 만들기 -> 코로나 사이트 만들기로 1가지 주제로 변경되었습니다.
변경된 후 차시에 대한 논의는 진행중이라 저희는 1차시부터 8차시까지는 아직 만들기 곤란하여 핵심 부분 위주로 교육 자료 만들게 되었습니다.

[semonec]

코로나 사이트를 어떻게 만드실지에 대한 강의 준비가 필요할 듯 싶습니다.
올려주신 강의자료만으로는 힘들지 않을까 하는 걱정이 듭니다.

HTML

• meta 태그에 대해서 좀더 설명이 필요할듯 싶어보입니다. charset말고도 viewport라던가 다른 것들도 있으니 설명과 함께 예시 화면도 보여주시면 이해가 빨라질 듯 싶습니다.
• main 잘 안쓰여서... 이건 논외로 할께요
• header h1 ~ h6가 의미하는게 뭔지 스크린샷과 함께 보여주면 좋을듯 싶습니다.
• html 태그 리스트에 대해서 설명과 예시 화면 (스크린샷) 이 같이 나와주면 좋을 것 같습니다. 설명만으로는 부족해 보여요. 시각적인 예시가 필요하다고 생각됩니다.
• input 이나 radio 같은 element에 대한 설명도 추가되면 좋을듯 싶습니다. 화면을 구성하는데 있어서 어떠한 것들을 사용할 수 있는지 리스트업 해주는게 좋을것 같아요
• w3cschools 에서 각 element별 설명이나 예제 를 활용하는것도 좋은 방법이라 생각됩니다.

CSS

• selector에 대해서 설명이 부족합니다. tag, class, id별로 selector를 어떻게 쓸 수 있는지, 이게 어떻게 적용되는지 예시와 설명이 구체적으로 보여져야 합니다.
• 속성에 대해서는 일일이 설명하기 힘들지만 어떻게 구성되는지 (key-value)에 대한 안내가 필요합니다. 각 속성들이 어떻게 그려지고 어떤 역할을 하는지 찾아볼 수 있는 레퍼런스 사이트에 대한 안내도 필요할것 같아보입니다.

JS 문법

• 변수에 대해서 let, const도 다루면 좋을것 같습니다.
• 변수 식별자에 대한 안내는 좋은것 같습니다. 이런 설명을 놓치기 쉬운데 캐치업 해주신거 좋은거 같아요
• 자료형에 array가 뒤에 있는데 이걸 앞으로 올리고, object에 대한 설명도 빠졌습니다. 이것도 보충해주세요.
• document 에 대한 설명이 있은 후에 getElementById에 대한 설명이 나와야 하지 않을까 싶습니다. document 에 대한 w3c나 mozilla, 혹은 w3cschools의 설명도 함께 보여주면 이해가 좋을것 같구요.

웹 개발 개념

• 서버-클라이언트 통신에 대해서 짚어주면 좋을것 같아요
• 브라우저가 웹페이지를 어떻게 로드하는지 설명도 필요할 것 같아요. script, stylesheet, html 이 각각 어떻게 동작하는지에 대한 이해도 필요할 것 같습니다.

[seungkloveit]

코멘트 감사합니다 세문님!!!! 개인적으로 질문이 있어 댓글 남깁니다 :)

전반적으로 제가 이전에 작성한 개념 설명 순서들이 괜찮을까요?
제가 개념 초안을 작성 할 때 어떤 개념부터 알려주면 좋을까?를 생각하긴 했지만, getElementByID , document.write와 같은 개념들을 마지막에 알려줘도 괜찮을까 궁금합니다! 제 생각에는 출력과 관련된 개념이라 초반에 알려주는 게 좋을 것 같다고 생각했습니다 ! 아니면 다른 사이트들의 개념강의 순서를 참고하여 개념 PPT를 재구성할 생각입니다.

[semonec]

@seungkloveit 순서는 크게 문제될건 없어보여요.
다만 object 의 prototype 에 있는 함수를 쓴다는 점에서 object에 대한 정의 및 안내가 필요할거 같구요.
그리고 적용시 변화되는 모습에 대해서 예제도 필요할 것 같습니다.

[seungkloveit]

넵 참고해서 작성하도록 하겠습니다!!