전체 글29 자바스크립트(JS) 기초 웹프로그램을 작동하는 자바스크립트(JS) HTML과 CSS가 프로그램의 모양을 만드는 언어였다면 JS(Javascript)는 프로그램이 특정한 기능을 할 수 있도록 생명을 불어 넣는 역할을 하는 언어입니다. HTML과 CSS는 프로그램이 동작하도록 할 수 없기 때문에 엄밀히 보면 코딩언어로 분류하기 힘들지만 JS는 프로그램을 동작시킬 수 있는 진정한 코딩 언어라고 할 수 있습니다. 특히 자바스크립트는 다른 코딩 언어에 비해 사용하기 쉽고 웹프로그램뿐만 아니라 모바일 앱이나 PC프로그램, 서버도 만들 수 있기 때문에 매우 강력한 언어입니다. HTML 문서에 자바스크립트를 사용하는 방법은 '라고 적고 그 사이에 JS 명령문을 작성합니다. 위치는 어디에 넣어도 상관은 없지만 일반적으로 태그 최 하단부에 작성합.. 2022. 11. 24. CSS 기초 웹프로그램 디자인 CSS HTML이 프로그램의 뼈대를 만드는 언어였다면 CSS(Cascading Style Sheet)는 색과 모양을 디자인하여 꾸며주는 언어 입니다. 아무리 기능이 좋은 웹사이트라도 CSS디자인이 적용되지 않는다면 볼품없는 웹사이트가 될 수 있습니다. 예쁜 디자인은 프로그램을 만들때 매우 중요한 부분입니다. CSS는 HTML과 분리해서 작성할 수 있기 때문에 HTML 문서의 내용과 상관없이 디자인만 바꾸거나 디자인은 그대로 두고 웹문서의 내용만 변경할 수도 있습니다. http://www.csszengarden.com/ 사이트에 방문해보면 같은 HTML 내용이라도 CSS 에 따라 얼마나 다양한 디자인으로 표시할 수 있는지 체험해볼 수 있습니다. HTML 문서에 CSS를 적용하는 방법은 '.. 2022. 11. 21. HTML 기초 웹프로그램 골격 HTML은 Hypertext Markup Language(하이퍼텍스트 마크업 랭귀지)의 줄임말로 문서와 문서를 연결하는 (하이퍼텍스트) 글자(링크)를 표시(마크업)하는 언어입니다. 로봇을 만든다고 가정했을 때 HTML은 로봇의 뼈대가 되는데 뼈대는 '태그'라고 불리우는 부품들의 결합으로 이루어져 있습니다. 다양한 부품중에서 필요한 부품(태그)을 골라 결합하면 로봇의 골격(HTML)이 완성됩니다. 태그는 '' 형태로 감싸서 표시하고 시작태그''와 종료태그 '' 가 한쌍으로 사용됩니다. 표현하고자 하는 대상 : 제목 시작 태그부터 종료 태그까지의 한 묶음이 되어야 정상적인 부품이 되며 이러한 부품을 다른말로 요소(element) 라고 부릅니다. 요소는 기본적으로 시작태그와 종료 태.. 2022. 11. 13. 웹프로그래밍 시작하기 웹프로그램은 인터넷 익스플로러나 크롬 등 웹브라우저에서 작동하는 프로그램입니다. 그렇기 때문에 한글파일이 한글프로그램이 없다면 실행시킬 수 없듯이 웹프로그램도 웹브라우저가 없으면 실행시킬 수 없습니다. 웹프로그램 파일을 만드는 방법은 간단합니다. 메모장을 열고 아무 내용이나 적은 후에 파일명뒤에 확장자를 'html'로 지정해서 저장해주면 웹브라우저에서 동작하는 웹프로그램 파일이 완성됩니다. 물론 네이버나, 유투브처럼 정교한 디자인과 기능을 포함시키려면 웹프로그램에서 쓰이는 코딩 언어를 알아야 합니다. 웹프로그램은 'HTML, CSS, 자바스크립트' 언어로 만들 수 있는데 'HTML'로 뼈대를 만들고 'CSS'로 색깔 등의 디자인을 꾸며준 후 '자바스크립트'로 원하는 기능이 동작하도록 하는 구조입니다. 크.. 2022. 11. 12. 코딩 쉽게 시작하는 방법 코딩이란 컴퓨터 언어를 사용하여 컴퓨터에게 명령을 내리는 활동입니다. 코딩을 하면 PC게임이나 스마트폰 앱 등 다양한 프로그램을 만들 수 있습니다. 사람의 언어가 한국어, 미국어, 중국어 등 여러 가지가 있듯이 컴퓨터 언어도 파이썬, C언어, 자바스크립트 등 매우 다양합니다. 외국어 공부를 해본 사람들은 모두 알다시피 새로운 언어를 익히는 것은 매우 어렵습니다. 하지만 아래와 같이 몇 가지 요령만 알면 누구나 쉽게 코딩으로 원하는 프로그램을 만들 수 있습니다. 코딩을 책으로 공부를 하지 말자 궁금한 것은 검색을 통해 해답을 찾자 처음부터 실제 사용할 수 있는 웹프로그램을 만들자 코딩을 책으로 공부 하지 말자 일반적으로 새로운 것을 공부하기 위해 가장 많이 선택하는 방법은 관련된 책을 구입해서 보는 것입니.. 2022. 11. 8. 창업교육 세상의 모든 것이 인터넷으로 연결되고 있는 현재와 미래사회에 학생들의 진로를 위해 필요한 능력은 과거의 지식을 외우고 정해진 취업의 길을 가는 암기능력보다는 ‘창직’의 길을 스스로 개척해서 나아가는 도전능력입니다. 창직이란 '창조적인 아이디어와 활동을 통해 지속적으로 수익을 만들 수 있는 일자리를 스스로 창출하는 것'을 의미합니다. 창업교육은 '새로움'을 창출하고 '도전'하는 '기업가정신'을 바탕으로 미래사회를 살아가기 위해 필요한 도전 능력과 핵심역량을 길러주는 실전 중심의 교육입니다. 특히 4차 산업혁명의 디지털 환경에 맞는 디지털 창업교육은 4단계의 과정을 통해미래 핵심역량인 디지털 도구 활용능력과 디자인씽킹을 통한 창작 능력을 길러줄 수 있습니다. 아이디어 개발 비즈니스 모델 프로토타입 브랜딩 /.. 2022. 11. 6. SW 교육 매년 시가총액 및 혁신기업 세계 1위를 차지하고 있는 애플의 창업자 스티브 잡스는 “이 나라에 사는 모든 사람은 컴퓨터 프로그래밍을 배워야 한다. 프로그래밍은 생각하는 방법을 가르쳐주기 때문이다.”라고 얘기했습니다. ‘모든 사람을 프로그래머로 양성하겠다’는 것이 아니라 프로그래밍을 통해 창의·논리적인 사고를 키우겠다는 것입니다. 수학을 배우는 이유가 수학적 사고를 통한 합리적인 문제해결 능력을 키우기 위함 이듯이 프로그래밍은 로봇과 인공지능 컴퓨터가 인류와 공존하는 디지털 시대에 디지털언어를 이용한 창의·논리적인 문제해결 능력을 키울 수 있습니다. 머릿속에 있는 생각과 이야기를 사람의 언어로 표현하는 글쓰기와 마찬가지로 '코딩' 이라고도 불리우는 프로그래밍은 컴퓨터가 이해할 수 있는 언어를 논리적으로 명.. 2022. 10. 31. AI 교육 4차산업혁명이 본격화되는 미래시대에는 인공지능의 발달로 수많은 직업들이 로봇이나 인공지능으로 대체되고 로봇과 인간이 일자리를 두고 경쟁하는 시대가 10년안에 올거라는 연구결과도 있습니다. 이미 우리 일상을 살펴보면 사물에는 센서가 부착되고 가정과 모든 직장에 컴퓨터가 없으면 업무가 불가능한 사회가 되었습니다. 이전에는 단순 반복적이고 정교함이 떨어지는 직업이 컴퓨터 자동화로 대체되었지만 앞으로는 자동화로 대체될 확률이 적은 화가, 사진작가, 의사 등 예술분야와 가치판단이 필요해서 인간만이 가진 고유의 영역의 직업들도 인공지능으로 대체될 가능성이 높아졌습니다. 의사, 법관, 요리사 등 어떤 일을 하여도 AI를 운영할 수 있는 능력을 갖추지 못한 사람은 도태될 수 있습니다. 인공지능의 혜택은 창의적 사고와 .. 2022. 10. 19. 미래교육 현재 우리나라는 저출산에 따른 인구감소와 4차 산업혁명으로 불리는 클라우드 기반의 대변화 사회에 직면해 있습니다. 특히 코로나19는 인공지능과 빅데이터 등 첨단 기술의 발전과 활용을 앞당겨 디지털 사회로의 전환을 앞당겼습니다. 인공지능 시대의 도래로 기존의 직업이 소멸되고 새로운 직업이 탄생하는 등 이제까지 경험해 보지 못했던 사회변화 속에서 우리 학생들이 미래사회의 변화에 대비한 역량을 키우기 위해 국가는 미래 교육 체제로 교육정책을 전환하고 교사는 교육을 둘러싼 환경의 변화에 적극적으로 대응하여 학교의 변화, 교실의 변화를 이끌어내는 것이 절실한 상황입니다. 저출산에 따른 인구감소 빅데이터 인공지능 시대의 도래 전통적 직업의 소멸과 새로운 직업의 탄생 인재상의 변화 저출산에 따른 인구감소와 고령화 저.. 2022. 10. 12. 이전 1 2 3 다음
