Image
Image

자바스크립트 프로그래밍 디버깅

HTML,CSS,Javascript의 실제 코드 실행환경은 주로 사용자 컴퓨터(PC,노트북,스마트폰)에 설치된 각종 웹 브라우저들입니다.따라서 5대 표준 웹 브라우저(IE(Edge),Chrome,Safari,Firefox,Opera)들은 브라우저에서 실행되는 HTML,CSS,Javascript 소스코드 확인 및 코드 구조정보제공 ,에러 정보등 코드와 관련된..

Image
Image
Image

자바스크립트 기본 입출력 내장함수 활용하기

자바스크립트의 기본 입출력 내장 함수를 실습해보도록 하겠습니다.-DAY2폴더안에 inoutput-funtion.html 페이지를 만들고 아래 코드를 코딩 후 저장합니다.-View-IN-Browser 를 이용해 웹 브라우저로 해당 페이지를 오픈 후 기능을 확인합니다.<span lang="EN-US" style="font-size:10.5pt;font-fami..

Image
Image

기초 자바스크립트 코딩규칙

주요 자바스크립트 코딩규칙별로 실습을 통해 코딩 주의사항을 익혀 나아가 보도록 하겠습니다.-Visual Studio Code를 오픈하고 상단 메뉴 &gt;File&gt;Open Folder 메뉴를 클릭하여 여러분의 자바스크립트 실습 폴더를 선택합니다. Ex) D:\Eddy\Javascript-VSCode 탐색기 Javascript영역에 오른쪽 마우스 클릭&gt;New Folder 메뉴를 클릭하여 DAY2 폴더를 만듭니다.가)자바스크립트는 대소문..

Image
Image

5. 프론트엔드/백엔드 프로그래밍 환경 이해하기

5. 프론트엔드/백엔드 프로그래밍 환경 이해하기자바스크립트 언어를 이용하면 이전 섹션에서 배운 것처럼 다양한 개발직군에서 다양한 형태의 어플리케이션들을 개발할수 있습니다.자바스크립트 개발자의 대표적인 직군이라면 프론트엔드 개발자(JQuery,React.js,Vue.js) 과 백엔드 개발자(Node.js) 직군입니다. 본격적인 개발에 앞서 향후 배울 개발기술들을 이용하면 여러분들이 무엇을 만들수 있고 어떤일들을 하게되는지를 아래 과정을 통해 정확..

Image
Image

5. 프론트엔드/백엔드 프로그래밍 환경 이해하기

5. 프론트엔드/백엔드 프로그래밍 환경 이해하기자바스크립트 언어를 이용하면 이전 섹션에서 배운 것처럼 다양한 개발직군에서 다양한 형태의 어플리케이션들을 개발할수 있습니다.자바스크립트 개발자의 대표적인 직군이라면 프론트엔드 개발자(JQuery,React.js,Vue.js) 과 백엔드 개발자(Node.js) 직군입니다. 본격적인 개발에 앞서 향후 배울 개발기술..

Image
Image

2.Javascript 언어 이해하기

2. Javascript 언어 이해하기자바스크립트 언어를 본격적으로 배우기전에 자바스크립트 언어에 대해 가볍게 알아보고 자바스크립트 프로그래밍 언어를 이용해 우리가 할 수 있는 일들이 어떤 것들이 존재하는지 한번 알아보겠습니다.1)Script언어-스크립트 언어는 매우 빠르게 배우고 쉽게 작성하고 활용하기 위해 고안된 언어입니다.-주로 짧은 소스 코드 파일..

Image
Image

자바스크립트 프로그래밍 디버깅

HTML,CSS,Javascript의 실제 코드 실행환경은 주로 사용자 컴퓨터(PC,노트북,스마트폰)에 설치된 각종 웹 브라우저들입니다.따라서 5대 표준 웹 브라우저(IE(Edge),Chrome,Safari,Firefox,Opera)들은 브라우저에서 실행되는 HTML,CSS,Javascript 소스코드 확인 및 코드 구조정보제공 ,에러 정보등 코드와 관련된..

Image
Image

도메인 구매 와 관리방법에 대해

강의 초반에 통신/네트워크 모이런 딱딱한 주제가 나오다보니 재미없으실듯해서 사적인 밴드모임에 올라온 아이들 사진한장 보고 오늘 강의는 시작하도록 하겠습니다. 충남 예산 한 유치원 아이들이 여러분들을 마이 사랑한답니다. ^^;이번에는 도메인 구매와 관리방법에 대해 진행하겠습니다.이전강에서 도메인과 인터넷, 그리고 통신환경에 대해 조금 알아봤는데요.대략 도메인..

Image
Image

1.자바스크립트 프론트엔드 개발 환경 구축하기

1.자바스크립트 프론트엔드 개발 환경 구축하기 자바스크립트 언어 기반으로 코딩을 하기 위해서 코드 에디터 설치가 필요하며 본강의에서는 마이크로소프트에서 무료로 개발 배포하는 Visual Studio Code 개발툴을 이용하도록 하겠습니다.그리고 개발된 자바스크립트 코드를 실행할 수 있는 환경(런타임환경)을 제공하고 결과를 확인해볼 수 소프트웨어로 웹 브라우..

Image
Image

3.프로그래밍 기초 탄탄

3.프로그래밍 기초 탄탄1)메모리와 CPU-CPU(프로세서): 연산과 제어 담당 1+1 : 연산담당-메모리: 기억과 저장을 담당 1+1의 결과값인 2를 저장하는 역할2)프로그래밍 언어 와 기계어의 차이-프로그래밍 언어 ㄴ개발자가 컴퓨터를 제어하기 위해 사용하는 언어 및 관련 코드(Javascript,C#,JAVA,Python,PHP)-기계어ㄴ컴퓨터 기계가..

Image
Image

2.Javascript 언어 이해하기

2. Javascript 언어 이해하기자바스크립트 언어를 본격적으로 배우기전에 자바스크립트 언어에 대해 가볍게 알아보고 자바스크립트 프로그래밍 언어를 이용해 우리가 할 수 있는 일들이 어떤 것들이 존재하는지 한번 알아보겠습니다.1)Script언어-스크립트 언어는 매우 빠르게 배우고 쉽게 작성하고 활용하기 위해 고안된 언어입니다.-주로 짧은 소스 코드 파일..

Image
Image

1.자바스크립트 프론트엔드 개발 환경 구축하기

1.자바스크립트 프론트엔드 개발 환경 구축하기 자바스크립트 언어 기반으로 코딩을 하기 위해서 코드 에디터 설치가 필요하며 본강의에서는 마이크로소프트에서 무료로 개발 배포하는 Visual Studio Code 개발툴을 이용하도록 하겠습니다.그리고 개발된 자바스크립트 코드를 실행할 수 있는 환경(런타임환경)을 제공하고 결과를 확인해볼 수 소프트웨어로 웹 브라우..

Image
Image

5.샘플 HTML문서작성 및 서버로 서비스 하기

5.샘플 HTML문서작성 및 서버로 서비스 하기 :30분향후 여러분이 개발한 웹페이지나 웹사이트를 실질적으로 다양한 사용자들에게 서비스하기 위해서는 서버 컴퓨터 공간에 웹페이지를 업로드하고 해당 웹페이지를 사용자들이 접근하여 웹페이지를 요청할 수 있는 환경을 기본적으로 제공해 줘야합니다.개발된 소스를 실제 서비스 하기 위해서는 호스팅 서버 컴퓨터 자원이 ..

Image
Image

4. HTML 웹페이지 개발 환경 구축하기

4. HTML 웹페이지 개발 환경 구축하기 :20분 HTML 웹 페이지 개발을 위해서는 앞에서 다룬 메모장 편집기를 이용할 수도 있겠지만 개발 및 코딩의 효율성을 위해 보다 전문적인 HTML 편집 툴을 사용할 것을 권장 드립니다.개발의 최고 미덕은 정해진 시간내 보다 정확하고 빠르게 주어진 코딩 업무를 처리하는 것이라고 합니다.주어진 기능을 누구보다 정확..

Image
Image

3. 웹 브라우저 와 웹 서버의 역할 이해하기

3. 웹 브라우저 와 웹 서버의 역할 이해하기 : 30분그럼 지금까지 언급한 웹과 클라이언트/서버 개념 하에서 각종 웹 기반 시스템들의 핵심 클라이언트/서버 소프트웨어인 웹 브라우저 와 웹 서버의 역할에 대해 더 이야기 해보도록 하겠습니다.손 쉬운 시나리오 하나를 들어보면 여러분이 노트북 컴퓨터를 켜고 웹 브라우저를 오픈하고 네이버 또는 구글 사이트에서 특..

Image
Image

2. 웹 개발 3요소에 대해 이해하기

2. 웹 개발 3요소에 대해 이해하기: 50분본격적인 웹 개발 이야기에 앞서 웹이란 용어에 대한 이해를 가볍게 진행하고 시작하도록 하겠습니다.여러분들도 웹이란 말을 많이 들어보고 알게 모르게 많이들 사용하고 계실 텐데요. 여러분들은 웹이 무엇인지를 다른 분들에게 설명하실 수 있나요?저는 오프라인 강의를 진행하면 항상 수강생 분들 중 몇몇 분들에게 꼭 이 질..

Image
Image

1.클라이언트 vs 서버 개념 잡기

1.클라이언트 vs 서버 개념 잡기 : 20분 여러분들이 당장 배우실 기술들은 HTML,CSS 와 같은 기술들이지만 해당 기술들의 실질적인 이용 목적은 무엇일까요?앞으로 배우실 대부분 개발기술들의 실제 사용목적은 정보가 필요로 하는 누군가에게 관련정보를 제공하는 것입니다.세상에는 무수한 종류의 유,무의미한 데이터(Data)가 다양한 형태로 존재하며 그 ..

Image
Image

웹(WWW) & HTTP & HTML

World Wide Web=웹(WWW) ?구독자 여러분들의 목표는 웹사이트를 개발하여 서비스하는 것이기에 웹이란 용어에 대해 어느정도는 이해하셔야 할듯하여 웹이란 용어 및 그 구성요소들에 대해 정리하고 넘어가겠습니다.웹은 일반적으로 World Wide Web, WWW, W3 라고도 표현하죠. 위키에 등록된 웹의 정의를 한번 살펴볼까요?"월드 와이드 웹(Wo..

Image
Image

도메인 구매 와 관리방법에 대해

강의 초반에 통신/네트워크 모이런 딱딱한 주제가 나오다보니 재미없으실듯해서 사적인 밴드모임에 올라온 아이들 사진한장 보고 오늘 강의는 시작하도록 하겠습니다. 충남 예산 한 유치원 아이들이 여러분들을 마이 사랑한답니다. ^^;이번에는 도메인 구매와 관리방법에 대해 진행하겠습니다.이전강에서 도메인과 인터넷, 그리고 통신환경에 대해 조금 알아봤는데요.대략 도메인..

Image
Image

도메인 과 도메인네임서비스(DNS)에 대해

이번시간에는 앞으로 개발하게될 웹사이트의 집주소가 될 도메인과 도메인정보를 서비스해주는 DNS란 녀석에 대해 알아보겠습니다.먼저 도메인(Domain)에 대해서 알아볼까용?이미 용어에 대해 아시는분도 계실거고 아니면 용어자체가 생소하실분도 계시겠지만 도메인은 이미 이 강의를 듣고 계시는 모든분들이 알고 계시는 것이겠죠.naver.com , daum.net ,..

Image
Image

웹사이트 개발 및 서비스 절차

안녕하세요. 타임투데브 운영자 강창훈입니다.웹사이트 및 웹개발 기술은 ICT(정보통신기술) 정보 서비스분야에서는 핵심기술이자 필수 기술중에 하나입니다.여러분들도 모두 아시다시피 작게는 개인 홈페이지에서 글로벌 기업 홈페이지까지 그리고 각종 기업용 시스템들인 ERP,CRM,인터넷뱅킹,쇼핑몰등이루 말할수 없을정도로 많은 비지니스들이 웹개발기술로 구현되어있죠..

Image