전체 글47 02. 개발 환경 안녕하세요. 콤퓨타 학원에 원장을 하고 있는 이프로입니다. 헤헴 ^^ html을 개발하기 위한 개발 환경을 만들어 볼거에요. html은 특별한 개발환경이 필요한건 아니에요. 그냥 간단히 메모장과 같은 아무 에디터를 이용해도 상관없어요. 하지만 전 좀 더 편하게 html를 코딩 할 수 있는 툴을 소개할려고 해요. 바로 Visual studio code라는 에디터에요. 자 그럼 그냥 메모장과 Visual studio code의 차이점을 간단하게 보여드릴께요. 이후 부터는 부르기 편하도록 VS Code라고 부를께요. 어떻신가요? 차이점이 느껴지시나요? vs code에서는 특정 단위로 색상이 다르게 보이시는 걸 느끼실건데요. 이걸 코드 하이라이팅이라고해요. 덕분에 코드의 영역별로 구분을하기 수월해지조. 단순히 .. 2023. 12. 29. 01. html 소개 안녕하세요. 콤퓨타 학원에 원장을 하고 있는 이프로입니다. 헤헴 ^^ html은 마크업 랭귀지라고 해서 프로그래밍 언어가 아니에요. 프로그래밍 영역에 해당하는 것을 처리 할 수 없지요. html은 브라우저 화면에 보여지는 단순한 외형들을 담당해요. 마치 건물을 지을때 골격같은 느낌이라고 할까요. 이거에서 조금더 이야기를 하자면 외형을 이쁘게 인테리어를 한다고하면 style과 css가 담당하게 될것이구요. 전등 스위치를 달아 켜고 끄기를 하려면 javascript가 그걸 담당하게 될거에요. 그럼 우선 html의 기본 구성 형태를 확인해보도록 해볼께요. * html 특징 한가지 참고할 것이 있는데요. html은 문법을 정확히 지키지 않아도 된다는 특징이 있어요 그렇다고 말도 안되게 내 마음대로 구성하면 브라.. 2023. 12. 29. 02. 프로그래밍에 필요한 전산지식 5탄 - 함수 안녕하세요. 콤퓨타 학원에 원장을 하고 있는 이프로입니다. 헤헴 ^^ 함수.... 수학에서 볼만한 단어입니다. 동작 원리로 보면 수학에서 말하는 함수와 별만 다를게 없다고 생각합니다. 오늘 주제는 생각보다 간단할 거 같은데 바로 시작해보겠습니다. 함수 함수를 설명할때 위 그림을 많이 사용하는데요. 함수쪽으로 어떻한 데이터를 넣으면 함수에서 정해놓은 작업을 하고 그의 결과를 내보내주는 기능을 합니다. 예전 글의 예제를 가져와보면 [바구니에 담긴 사과를 카운트하세요] 이부분을 함수를 이용한다고 생각해보겠습니다. 1. 함수에 바구니에 담긴 사과 데이터를 넣어 줍니다. 2. 함수가 바구니에 담긴 사과를 타운트 합니다. 3. 카운트가 끝나면 카운트 결과를 내보내줍니다. 이부분에서 잠시 한번 생각을 해보겠습니다. .. 2023. 12. 29. 02. 프로그래밍에 필요한 전산지식 4탄 - 제어문 안녕하세요. 콤퓨타 학원에 원장을 하고 있는 이프로입니다. 헤헴 ^^ 은행은 영어로 뱅크라고 하조. 뱅크의 뜻을 아시나요? 원래는 둑이나제방같은걸 말하는데요. 우리가 현재 이야기하는 은행의 뜻과는 다르조. 은행(뱅크)라는 말은 돈에 흐름을 제어 한다는 뜻에서 유래됐다고 합니다. (제가 알고 있던 이야기는 푸는건데 잘못된거면 말씀주세요.) 우리가 하려는 프로그래밍도 하나의 흐름을 가지고 있습니다. 예전 글에서 바구니에 감겨진 사과의 수를 셀때 세는 방법을 단계별로 이야기드렸고 이걸 컴퓨터에게 일을 시킬때에 대해서 간단하게 이야기 드렸습니다. 이처럼 프로그래밍에 흐름이 있는데 이 흐름에 내가 원하는 방향으로 제어를 해주어야 제가 원하는 결과물을 얻을수 있을겁니다. 이렇게 프로그램에 흐름을 제어하는 제어문이 .. 2023. 12. 28. 이전 1 2 3 4 5 6 7 ··· 12 다음
