본문 바로가기
STEM Learning

코딩도장깨기 4 : [ 우리 아이들이 배워야할 몇가지 코드 스킬 ]

by 이승우eduaction21 2021. 4. 2.
728x90
반응형

코딩을 배우는 내내 필요한 몇가지 필수적인 코드 스킬이예요.

기초에 속하지만 그만큼 중요한 스킬입니다.

 

우리가 어떤 도구를 활용하든 작성한 코드 HTML 화일을 저장해야합니다. 그런데 

우리가 쓰는 일반 PC (윈도우 시스템)과 Mac은 조금씩 다른 방법을 가지고 있습니다. 

여기서는 주로 윈도우 시스템을 중심으로 설명을 할 예정입니다. 

 

Basic Code Skill 1. 폴더만들기 

우리가 주로 사용하는 일반 PC 에서는 마우스 오른쪽 버튼을 클릭하고 

새로만들기- 폴더를 클릭하고 새폴더의 이름을 Coding(코딩) 이라고 만듭니다.

(물론 자신이 원하는 장소에 원하는 이름을 사용하여 저장할 수 있습니다. 여기서 말씀드리는 것은 

하나의 예시로 참고하시면 됩니다. ) 

 

Basic Code Skill 2 . HTML 화일 만들기 

여러분들이 코드를 작성하기 위해서는 HTML 화일은 어떻게 생성하는지 알 필요가 있습니다.

보통 프로그래머들은 코드를 작성하기 위해 전문가들이 사용하는 소프트웨어를 사용합니다.

그런데 모든 컴퓨터들에는 HTML화일을 쓸 수 있는 텍스트에디트 프로그램들이 있습니다. 

만약에 여러분들이 PC를 가지고 있다면 여러분들은 노트패드를 사용하실 수 있으면 

혹시 Mac을 가지고 계시다면  텍스트에디트 프로그램을 사용할 수 있습니다. 

보통 PC 시작 버튼에서 메모장을 검색해서 사용하시면 됩니다.  물론 전문가들이 사용하는 

텍스트에디터 소프트웨어를 다운받아 사용하셔도 좋습니다. 

 

Basic Code Skill 3 . HTML 화일 저장하기 

여러분들이 처음 HTML 화일을 저장할 때 , 여러분들은 화일이름 마지막에 화일확장자 .html을 사용해서 

저장하는 것을 확실히 확인하는 것이 필요합니다.

여러분들이 사용하는 컴퓨터는 화일을 어떻게 여는지 작동하기 위해 화일확장자를 사용합니다. 

여러분들은 .html을 화일확장자로 사용함으로써 웹브라우저에서 그것을 열도록 컴퓨터에게 명령할 수 있습니다. 

 

Basic Code Skill 4. HTML 화일 열기  

코드를 컴퓨터 화면 상에서 보기 위해서는 HTML 화일을 웹브라저에서 열어야만 합니다.

혹시라도 코드가 잘 작동하지 않으면

여러분들은 코드를 바꾸기 위해 텍스트에디트 프로그램을 돌아가서 코드를 수정할 수 있습니다. 

HTML 화일을 웹브라저에서 열기위해서는 HTML 화일을 더블클릭하면 됩니다. 

혹시 여러분들이 코드를 수정하려거든 여러분들이 만든 폴더에 있는 HTML 화일을 오른쪽 클릭해서 텍스트에디터를 선택한 후 열기 (Open)를 클릭하면 됩니다. 

 

 

 

 

 

 

 

 

 

반응형
LIST