웹언어5

• 

  웹 언어 코딩으로 심리 테스트 만들기 #5 선다형, 단답형 복합 구현 이번 시간은 기능을 대폭 강화해 보도록 할게요. 이전, 다음 버튼을 실제로 용도에 맞게 완성시키고 질문, 답변도 좀 더 다양하게 구성할 수 있도록 개선할 예정입니다. 웹 언어 코딩으로 심리 테스트 만들기 #4 데이터 입력 웹 언어 코딩으로 심리 테스트 만들기 #4 데이터 입력 기다리시는 분이 계셨을 지는 모르겠지만 ㅎㅎ 조금 늦어져서 죄송합니다. 이번에는 깊게 들어가면 복잡한 고급 스킬이지만 단순히 따라하기는 어렵지 않은 내용을 다루어 보겠습니다. 웹 언어 sangminem.tistory.com 목차 HTML 구성 변경 먼저 가장 기본이 되는 화면 구성부터 손 보겠습니다. test.html 파일에 변경된 부분이 좀 많습니다. {{intro}} {{title}} {{qna[currentIndex].q}} .. 코딩 강의/컨텐츠를 만들어 볼까요 2021. 2. 26.

• 

  웹 언어 코딩으로 심리 테스트 만들기 #3 화면 전환 기능 구현 이번에는 지난 시간에 만든 인트로, 메인, 결과 화면을 차례로 이동 시키는 코드 작성을 해보겠습니다. 웹 언어 코딩으로 심리 테스트 만들기 #2 인트로 및 결과 화면 작성 웹 언어 코딩으로 심리 테스트 만들기 #2 인트로 및 결과 화면 작성 지난 시간에 이어서 인트로 부분과 결과 부분을 작성해 보겠습니다. 인트로, 메인, 결과 전부 html 파일 하나에서 보여줄 예정입니다. 웹 언어 코딩으로 심리 테스트 만들기 #1 메인 화면 작성 웹 sangminem.tistory.com 목차 CSS 수정 먼저 기존에 정의했던 body 부분에 스타일을 좀 더 추가해 보겠습니다. body { margin: 0; overflow: hidden; /* 신규 추가 */ } overflow 속성에 hidden 값을 부여하여 화.. 코딩 강의/컨텐츠를 만들어 볼까요 2021. 1. 22.

• 

  웹 언어 코딩으로 심리 테스트 만들기 #0 소개 및 프리뷰 심리 테스트를 직접 코딩으로 만들어 보면 어떨까 하는 주변 사람의 의견이 있어서 한 번 도전해 보았습니다. 이번 포스팅은 간단한 프리뷰 정도로 생각해 주세요. 목차 컨셉 케릭터나 배경을 디자인 할 능력이 없으므로 최대한 심플한 컨셉으로 가보겠습니다. 필요 스킬 기본적인 웹 언어(HTML, CSS, JavaScript)와 자바스크립트 라이브러리(또는 프레임워크)인 jQuery, Vue 등을 사전에 알고 있으시면 더욱 수월하게 진행하실 수 있습니다. 완성 후 동작 화면 시작부터 심플 합니다. 인트로 부분도 심플 합니다. 테스트 질문, 답변 부분도 심플 합니다. 결과 화면 마저 심플 합니다. 모든 게 심플합니다. 데모(Demo) 아래 화면에서 시작하기를 누르면 실제로 동작합니다. 소리를 켜보세요. 인트로 부분.. 코딩 강의/컨텐츠를 만들어 볼까요 2021. 1. 9.

• 

  [왕초보 코딩 3강] 나도 프로그래머가 될 수 있을까 #지난강의 sangminem.tistory.com/20 [왕초보 코딩 2강] 컴퓨터와의 첫 소통 안녕하세요. 많이 기다리셨다구요? 아닌거 알아요. 죄송합니다. 오늘은 실제로 뭐라도 하나 직접 해보면서 대체 컴퓨터와 의사소통을 어떻게 한다는거야? 하고 막연하게만 느껴졌던 부분을 살 sangminem.tistory.com 안녕하세요. 금방 다시 인사드리네요. ㅎㅎ 아무도 안 보는데 혼자 인사중.. 안타깝게도(?) 제가 시간이 많아서 바로 강의 하나를 더 올릴 수 있게 됐어요. 혹시 2강에서 벌써 좌절하신 분 계신가요. 없을거라 믿겠습니다. 그렇다면 이 글도 안보고 있겠죠. 원래 컴퓨터와 소통하기가 좀 힘들어요. 이 녀석은 문과 감성이 통하지 않거든요. 두리뭉실하게 말하거나 시적인 표현을 쓰면 알아듣지를 못합.. 코딩 강의/왕초보인데 가능할까요 2020. 7. 11.

• 

  [왕초보 코딩 2강] 컴퓨터와의 첫 소통 #지난강의 sangminem.tistory.com/19 [왕초보 코딩 1강] 코딩의 코자도 몰라도 괜찮을까 야심차게 왕초보 코딩 강의를 시작한다고 하긴 했는데요. 일단 코딩이 뭔 지 알아야 이걸 시작할 지 말 지 판단이 될테니 천천히 얘기해 보도록 할게요. 코딩...? 사람들이 코딩 코딩 하는데 대체 sangminem.tistory.com 안녕하세요. 많이 기다리셨다구요? 아닌거 알아요. 죄송합니다. 오늘은 실제로 뭐라도 하나 직접 해보면서 대체 컴퓨터와 의사소통을 어떻게 한다는거야? 하고 막연하게만 느껴졌던 부분을 살짝 해소하는 시간을 가져보도록 하겠습니다. 1강에서도 잠시 언급했었지만 지금부터 컴퓨터 세계의 '웹 브라우저' 나라에서 얘기를 한번 나눠 보고자 합니다. 정말 간단한 수준으로만 얘기할거니까.. 코딩 강의/왕초보인데 가능할까요 2020. 7. 9.