eekdland의 등록된 링크

 eekdland로 등록된 네이버 블로그 포스트 수는 297건입니다.

자바스크립트의 연산자(4) - 논리·조건 연산자(2)(JS 강좌 연재)(014) - 하이미디어 모란 IT 학원 [내부링크]

안녕하세요? 저번 시간에 이어서 논리 연산자와 조건 연산자를 다루어보는 시간입니다~ 이번 시간에는 xor과 조건 연산자인 삼항 연산자를 다룹니다. 그 다음 시간에는 비트 연산자를 다루게 되겠네요~ XOR xor은 좀 특이한 연산자예요. 본래는 비트 연산자이지만 논리 연산자의 기능도 할 수 있기 때문에 여기에서도 설명을 할 거예요. xor은 자바, 자바스크립트, 파이선에서는 ^ 코틀린에서는 xor 로 사용합니다. 지금까지는 파이선만 방식이 달랐는데 이번에는 코틀린만 방식이 다르죠? 비트 연산자의 경우에는 이렇게 파이선이 아닌 코틀린만 사용하는 방식이 다르므로 주의하셔야 합니다. 또한 이번에는 타입스크립트가 언급이 안 되었죠? 타입스크립트는 타입 활용이 엄격하기 때문에 비트 연산자를 논리 연산자처럼 쓰는 것을 방지하는 편입니다. 자 다시 돌아가서 xor이라는 단어에 대해 생각해 볼까요? 애초에 xor 이라는 영어 단어는 없어요. 한 마디로 이건 약어이며 실제 단어는 eXclusive O

세모이 자판이 2023 버전으로 판올림 될 예정입니다.(2023.01.26) [내부링크]

세모이(세벌식 모아치기 e-2023) 자판이 판올림 되어 베타 테스트 후에 정식으로 공개될 예정입니다. 이번 버전은 자판 배열 상에는 큰 변화가 없고, 윈도우판에 있던 기능들을 수정하였습니다. 현재 테스트 되고 있는 베타버전을 아래 주소를 통해 윈도우에서 사용해 보실 수 있습니다. 윈도우 날개셋 용 다운로드 첨부파일 세모이 자판 (v230126b).zip 파일 다운로드 온라인 한글 입력기 https://sinseiki.github.io/ohi/ 온라인 한글 입력기 (Online Hangeul IME) 온라인 한글 입력기(OHI) 는 웹에서 바로 쓸 수 있는 화상 자판 입력기입니다. 한·영 상태 : Ctrl+Space 또는 Shift+Space 기준 자판 : Ctrl+Enter 【 QWERTY - QWERTZ - AZERTY 】 영문 : Alt+1 【 QWERTY - Dvorak - Colemak - Workman 】 2벌식 : Alt+2 【 KSX5002(한국) - KPS9256(조

자바스크립트의 연산자(5) - 비트 연산자(1) (JS 강좌 연재)(015) - 하이미디어 성남·분당 컴퓨터 학원 [내부링크]

안녕하세요? 이번 시간에는 비트 연산자를 다루는 시간입니다~! 비트 연산자는 연산자 중에서 가장 이해가 쉽지 않은 연산자이며 때로는 이걸 왜 쓰는가 싶은 의문이 생길 수도 있어요. 하지만 알아두면 여러 가지로 쓰임새가 있으니 먼저 비트에 대해서 살펴보도록 할게요~! 비트(Bit)는 한 조각을 의미해요. 마침 사진도 한때 뉴스에 나왔었던 가상화폐인 비트코인 한 조각이네요. 우리가 다룰 비트는 숫자를 다룹니다. 숫자의 조각도 비트라고 해요. 컴퓨터는 전기의 연결과 단선(연결 끊기)을 계속해서 바꾸면서 신호를 만들어내요. 이 때 연결을 1, 단선을 0으로 표현할 수 있습니다. 이 때 이 0과 1 숫자 조각이 비트를 설명할 때 쓰일 수 있어요. 위처럼 전구로 표현할 수 있어요. 전구 하나를 '비트'라고 부르며, 이 전구가 8개 모인 걸 '바이트'라고 합니다. 킬로 바이트는 바이트가 1000개, 메가 바이트는 바이트가 백만 개 있는 것을 의미해요. 자 이제 다시 비트로 돌아올게요. 이 전구는

자바스크립트의 연산자(6) - 비트 연산자(2) (JS 강좌 연재)(016) - 하이미디어 분당 인공지능 학원 [내부링크]

안녕하세요? 저번 시간에 이어 비트 연산자를 계속 다루어보도록 할까요? 저번 시간에는 비트를 이해하는 시간이었어요. 그렇다면 이번에는 비트 연산자를 직접 사용해봐야겠죠? 비트 연산자에는 비트 논리 연산자와 비트 시프트 연산자가 있습니다. 이번 시간에는 비트 논리 연산자인 ~ (not), & (and), | (or), ^ (xor)를 먼저 다루어 볼게요. 먼저 1의 보수를 구하는 ~를 사용해 볼게요. ~는 비트 연산자에서 not으로 불리기도 합니다. 논리 연산자에서의 NOT은 ! 였는데, 비트 연산자에서의 not은 ~예요. (~는 타입스크립트, 자바스크립트, 파이선, 자바에서 사용 가능하며, 코틀린은 '숫자.inv()' 라는 다소 특이한 모양으로 사용합니다.) 위 숫자는 10진법으로 바꾸면 5가 되어요. 그리고 2진수 0110을 1의 보수로 변환하면 1001 이 됩니다. 1의 보수는 켜진 전구를 끄고 꺼진 전구를 켜는 거라고 말씀드렸었죠? 이진수 1001을 십진법으로 바꾸면 -6이 됩

자바 문자열 포맷팅 (자바 강좌 연재)(009) - 하이미디어 성남 자바 학원 [내부링크]

안녕하세요? 이번 시간에는 자바 언어의 문자열을 포맷팅하는 방법을 살펴보도록 하겠습니다~ 자바의 문자열 포맷팅은 String.format()을 사용해요. public class test { public static void main(String[] args) { String a = "Anthony"; String b = "Brian"; String c = "Charlotte"; System.out.println(String.format("Hello, %s. Nice to meet you.", a)); System.out.println(String.format("Hello, %s. Nice to meet you.", b)); System.out.println(String.format("Hello, %s. Nice to meet you.", c)); } } 출력 a, b, c 에 문자열로 사람 이름들이 저장되어 있습니다. 여기에서 String.format() 의 내부에 보시면 ,(쉼표)

자바의 기본 타입과 참조타입 (자바 강좌 연재)(010) - 하이미디어 성남 IOT 학원 [내부링크]

안녕하세요? 이번 시간에는 IOT 분야에서 다루는 자바 언어의 기본형(기본 타입)과 참조형(참조 타입)에 대해 알아보도록 할게요. 저번에 자바의 기본 타입을 다룰 때 숫자, 문자, 논리형이 있다고 말씀드렸어요. 그런데 문자열을 다루는 String에 대해서는 엄밀히 말하면 기본 타입이 아니지만 기본타입 만큼 많이 다루는 타입이기 때문에 설명해드린다고 말씀드렸었죠? 오늘은 그 String이 왜 다른 기본 타입들과 다른지, 그리고 String과 같은 타입에는 어떤 것들이 있는지 다루어보도록 하겠습니다~! 일반적으로 기본 타입의 변수에는 값 자체가 담기게 되어요. 코드 출력 위처럼 a와 b에 정수 1을 넣고 이 둘을 == 로 이어보았어요. ==는 나중에 배우게 되겠지만 값의 동일 여부를 판별하는 데에 쓰여요. a의 값과 b의 값은 똑같기 때문에 맞는 말이라는 뜻의 true가 출력되게 되는 것입니다~ 자, 기본 타입이 값 자체를 담는다고 강조했다면, 기본 타입이 아닌 타입은 값 자체를 담지

자바스크립트의 기본 타입과 참조 타입 (JS 강좌 연재)(010) - 하이미디어 모란 IOT 학원 [내부링크]

안녕하세요? 오늘은 자바스크립트의 기본 타입과 참조 타입에 대해서 다루어볼게요~ 사실 기본 타입과 참조 타입은 자바에서는 그 역할과 특징 등이 명확하기 구별되지만 자바스크립트는 그 정도로 구별되지는 않고 있어요. 하지만 자바스크립트에도 기본 타입과 참조 타입이 존재한다는 사실을 모른다면 의도치 않은 코드의 동작에 당황할 수가 있어요. 자바스크립트를 처음 배울 때에는 중요한 부분이 아니지만 나중에 코딩을 배우고 계속 진행하다보면 의도치 않은 동작을 경험하실 수 있습니다. 그러므로 오늘은 자바의 기본 타입과 참조 타입 글에 덧붙인 심화과정으로서 자바스크립트의 기본 타입과 참조 타입에 대해 다루어보도록 하겠습니다~ https://blog.naver.com/eekdland/222964641301 자바의 기본 타입과 참조타입 (자바 강좌 연재)(010) - 하이미디어 성남 IOT 학원 안녕하세요? 이번 시간에는 IOT 분야에서 다루는 자바 언어의 기본형(기본 타입)과 참조형(참조 타입)에..

코틀린의 참조타입 (자바 강좌 연재)(010 번외) - 하이미디어 분당 IOT 학원 [내부링크]

안녕하세요? 저번 시간에는 자바의 기본 타입과 참조 타입에 대해서 다루어 보았는데요, 이번에는 코틀린에서는 어떤 방식을 쓰는지 살펴볼까 해요~ 숫자형 실수 Double 정수 Int 문자형 문자 Char 문자열 String 논리형 논리 Boolean 코틀린의 기본 타입을 위의 표로 보여드렸지만, 사실 엄밀히 말하자면 코틀린에서의 위 기본 타입은 모두 참조 타입으로 선언되어요. 자바에서는 기본(원시) 타입과 참조 타입이 구별되지만 코틀린에서는 개발할 때에는 참조 타입만이 쓰입니다. 코틀린에서는 자바 클래스로 컴파일이 될 때 참조 타입 중 정수, 실수 등등의 타입이 기본 타입으로 컴퓨터가 자동으로 변환해요. 그래서 int나 double처럼 소문자로 시작되는 기본 타입이 아닌 Int나 Double 같이 대문자로 시작되는 타입이 쓰이는 거죠~ 이 때문에 String 뿐만이 아니라 Int나 Double 타입을 쓰고 형변환을 사용할 때에도 문법이 통일 되는 효과가 발생합니다~ 코틀린의 형변환 (

자바스크립트의 연산자(1) - 산술·대입 연산자 (JS 강좌 연재)(011) - 하이미디어 모란 IOT 학원 [내부링크]

안녕하세요? 오늘은 자바스크립트의 연산자에 대해서 다루려고 합니다. 오늘은 숫자 계산이나 비교에 필요한 연산자를 다루고요, 이 부분은 자바나 코틀린, 파이선도 거의 마찬가지이기 때문에 다른 언어를 공부하실 때에도 참고하시면 좋습니다~ 앞으로 연산자는 네 가지로 나누어서 다루어 볼 예정이에요. 첫째는 숫자 계산에 필요한 연산자 둘째는 비교에 필요한 연산자 셋째는 그 외의 연산자 넷째는 비트 연산자 이렇게 다루어 볼 예정입니다~ 연산자는 보통 값의 계산이나 비교, 조건식 등에 사용할 수 있어요. 연산자라는 용어를 쓰면 어렵게 느껴질 수도 있는데 우리가 수학 시간에 배운 + - × ÷ = 이 기호들이 바로 연산자입니다~ 더하기 빼기 곱하기 나누기 등의 계산을 할 때 이 기호들을 사용하지요? 물론 키보드에서 × ÷ 기호는 입력이 어렵기 때문에 ×는 *로, ÷는 분수꼴인 / 기호를 대신 사용합니다~ 그러면 이제 연산자들을 하나씩 살펴볼까요? 첫째는 이미 많이 사용해 보았던 = 연산자입니다~

자바스크립트의 연산자(2) - 비교 연산자 (JS 강좌 연재)(012) - 하이미디어 모란 컴퓨터 학원 [내부링크]

안녕하세요? 저번 시간에 이어 이번 시간에도 연산자를 다룹니다~ 이번에는 비교 대조에 대해서 다루어 볼 거예요. 우리가 보통 숫자 두 개를 비교할 때에는 3 > 2 이런 식으로 부등호를 쓰고, 숫자 두 개가 같다면 = 등호를 쓰죠? 실제로 프로그래밍에서도 두 개의 숫자를 비교할 때에는 > < 부등호를 쓸 수 있습니다. 하지만 = 등호는 오른쪽에 있는 값을 왼쪽에 대입할 때 쓴다고 말씀드렸어요. 그렇다면 값 두 개를 비교할 때에는 등호 하나만 쓰는 걸로는 기능이 겹치죠? 그래서 ! 값 두 개를 비교할 때에는 보통 자바스크립트이든 타입스크립트이든, 자바, 코틀린, 파이선까지 등호 두 개를 사용합니다~ 코드 출력 a 에 3, b 에 5 를 대입하였어요. 그 상태에서 부등호로 대조를 하자 b 는 a 보다 크기 때문에 b > a 가 '진실의'라는 의미의 true가 나왔지요? 하지만 a가 b보다 크다는 말(a > b)은 거짓말이기 때문에 false(거짓의)가 나왔어요. 그리고 c에는 3 을 넣

자바스크립트의 연산자(3) - 논리·조건 연산자(1)(JS 강좌 연재)(013) - 하이미디어 분당 IT 학원 [내부링크]

안녕하세요? 현재 자바스크립트의 연산자를 다루면서 첫째 시간에는 산수에 필요한 연산자, 둘째 시간에는 비교 대조 연산자를 다루었어요. 이번 시간과 다음 시간에는 논리 연산자와 조건 연산자인 not, and, or, xor, 3항 연산자에 대해서 다루고 이 연산자들을 다 다루면 그 다음에는 비트 연산자를 다룰 계획입니다~ 논리는 어떤 true, 진실을 얻기 위해 과정을 밟아나가는 것을 의미해요. 그 과정에서 문제가 생기면 진실에서 멀어지는 것이죠. 마치 탐정물 작품에서 주인공이 범인을 찾기 위해 증거를 모아나가서 끝끝내 진실을 밝혀내는 것과 비슷해요. 또한 이번 연산자는 수학의 집합과 벤 다이어그램을 참고하시면 좋아요. 벤 다이어그램은 위처럼 조건에 해당하는 것들을 집합으로 묶은 그림을 의미해요. X 는 10보다 작아요. 즉 X에 해당할 수 있는 2, 3, 5는 원 안에 묶고, 20, 25, 30은 X에 해당할 수 없기 때문에 바깥쪽에 묶었지요? 이렇게 해서 원 안에 있는 2, 3,

HTML 없이 자바스크립트로 세계에 인사해보기 (JS 강좌 연재)(004) - 하이미디어 성남 컴퓨터 학원 [내부링크]

안녕하세요? 본래 자바스크립트는 웹에서 웹브라우저를 통해 실행되곤 했었어요. 하지만 언어를 배우는 지금은 HTML 없이 순수 자바스크립트를 실행해 보도록 할 거예요. 자바스크립트의 기계어 컴파일러는 웹브라우저에 내장되어 있지만 사실 저번에 설치한 Node.js에도 설치되어 있습니다~ 즉 HTML 없이 자바스크립트 혹은 타입스크립트를 실행한다는 것은 Node.js를 이용하여 실행한다는 것을 의미해요. 한번 Node.js를 활용하여 세계에 인사하는 예제(Hello World)를 출력해보도록 하겠습니다~ 먼저 윈도우 탐색기를 여시고 작업할 폴더를 하나 만들어주세요. 저는 a라는 폴더를 만들어 보았습니다. 그 다음에는 VS Code에서 파일 - 폴더 열기 - 방금 만든 폴더를 선택해주세요. 이렇게 하시면 VS Code 왼편에 열려 있는 편집기와 폴더의 상태가 표시되는데요, 여기서 마우스 오른쪽 버튼을 누르시고 새 파일을 선택해주세요. (만일 열려 있는 편집기가 보이지 않으신다면 왼쪽에서 파

자바스크립트의 기본 타입 (JS 강좌 연재)(005) - 하이미디어 분당 컴퓨터 학원 [내부링크]

안녕하세요? 오늘은 자바스크립트 데이터들의 기본 자료형을 살펴보려 해요~ 일반적으로 프로그래밍 언어들은 데이터를 담아둘 수 있는 변수라는 개념이 있어요. 숫자 2를 어느 상자에 담아두면 그 상자를 열면 숫자 2를 확인해 볼 수 있겠죠? 한 마디로 엄청나게 많은 데이터를 다루려면 그 데이터들을 어딘가에 저장해두어야 그 데이터를 잊지 않고 제대로 활용할 수 있어요. 그 데이터가 바로 변수에 담아지는 거죠~ 다만 자바스크립트는 프로그래밍 언어이기 때문에 다른 언어와 마찬가지로 자료의 형태를 구별해요. 다른 언어에 비하면 이런 부분에 있어서는 상대적으로 자유로운 편이지만 그래도 엄밀히 말해서는 구분을 합니다~ 위 이미지는 엑셀에서의 이미지예요. 엑셀에서 첫 번째 줄에는 숫자 1이 들어가 있어요. 엑셀에서 숫자는 오른쪽 정렬을 하기 때문에 저렇게 오른쪽으로 숫자가 표시되지요? 하지만 문자는 달라요. 엑셀에서 문자는 왼쪽 정렬을 하기 때문에 "1"은 문자로 취급되어서 저렇게 왼쪽으로 표시되었죠

자바스크립트의 형변환 (JS 강좌 연재)(006) - 하이미디어 모란 컴퓨터 학원 [내부링크]

안녕하세요? 이번 시간에는 자바스크립트의 형변환에 대해서 다루어보도록 하겠습니다~ 자바스크립트의 형변환은 원론적으로는 Number(), String(), Boolean()을 활용해요. 위 세 가지만으로 각각의 데이터들의 기본 자료형(기본 타입)을 변환할 수 있습니다~ 입력 출력 굉장히 간단한 편이에요. 문자를 숫자로 바꿀 때에는 Number(), 숫자나 논리형을 문자로 바꿀 때에는 String(), 문자를 논리형으로 바꿀 때에는 Boolean()을 써 주면 되기 때문입니다~ 즉, String(1)을 실행하면 1이 '1'로 바뀐다는 의미예요~ (물론 숫자의 모양으로 된 데이터가 아닌 '안녕하세요' 이런 문자를 Number() 안에 써서 실행하시면 오류가 납니다.) 하지만 이렇게 원론적인 얘기만 한다면 이렇게 한 단원을 나눠서 설명할 필요가 없겠죠? 실제적으로 더욱 간단하게 사용하는 자바스크립트 형변환을 다루어 볼까요? 코드 출력 문자형 데이터에 + 기호를 붙였습니다. 그랬더니 숫자형으

자바스크립트의 논리형 변환(트루시와 폴시)(JS 강좌 연재)(007) - 하이미디어 성남 IT 학원 [내부링크]

안녕하세요? 이번 시간에는 자바스크립트/타입스크립트의 논리형 변환을 다루고자 합니다~ 저번 시간에 + 기호를 이용해서 숫자와 문자 사이에서 형변환을 하는 것을 다루어 보았는데요, 이건 논리형 데이터도 마찬가지입니다~ 자, 빈 문자에 true를 더했더니 string 타입으로 바뀌었고, +true로 썼더니 이번에는 number가 나왔지요? 0+true 가 연산되어서 된 것인데요, 여기에서 의문점이 듭니다. 'true의 숫자 변환이 가능하다고?' 논리형은 참/거짓 데이터를 나타내며 true 아니면 false의 값을 가져요. 그런데 이런 데이터가 숫자로 바뀔 수가 있는 것이었을까요? 답은 컴퓨터의 구조에 있습니다~ 컴퓨터에서는 전기가 연결된 상태를 1로, 전기가 끊긴 상태를 0으로 보아요. 그리고 전기를 연결했다가 끊었다가 하는 것을 굉장히 빠르게 반복하면서 데이터를 연산하고 전송합니다. 즉, 전기 연결 여부를 참/거짓으로 나눈다면, 참일 때는 1로, 거짓일 때에는 0으로 나눌 수 있겠죠?

Web/Node.js에서 사용자 입력 받기 (JS 강좌 연재)(008) - 하이미디어 성남 AI 학원 [내부링크]

안녕하세요~ 자바스크립트는 두 가지 종류의 기반 하에서 작동을 합니다. 하나는 크롬 브라우저 같은 웹브라우저에서 작동하는 경우와 또 하나는 백엔드 서버에 쓰이는 Node.js를 통해서 동작하는 경우예요. 이 두 가지에서 쓰이는 자바스크립트의 기본적인 기능들은 같은 경우가 많지만, 유독 사용자의 입력을 받는 부분은 다른 편이에요. 그래서 이 두 가지에서 사용자의 입력을 받아보려 합니다~ 위는 웹브라우저에서 열 수 있는 html 파일이에요. html에서는 <script>와 </script> 사이에 자바스크립트를 입력할 수 있습니다. 웹브라우저에서 쓰이는 자바스크립트로 입력을 받는 방법은 매우 편해요. 그냥 prompt() 를 쓰면 사용자의 입력을 받습니다~ 위에서는 입력을 받은 것을 inputText라는 상수에 저장하고 그 상수를 console.log() 로 출력하는 모습이에요. 위처럼 html 파일을 웹브라우저로 열면 입력을 받게 되며, 웹브라우저에서 F12 키를 누르면 나타나는 개발

템플릿 문자열과 백준 문제풀이 (JS 강좌 연재)(009) - 하이미디어 성남 인공지능 학원 [내부링크]

안녕하세요~ 이번 시간에는 저번에 다루었던 템플릿 문자열을 계속 다루고 리눅스 기반 방식으로 Node.js의 입력을 받는 문제의 풀이를 해보고자 합니다~ 템플릿 문자열(템플릿 리터럴, Template Literals)은 그 안에 들어가는 것은 어떤 형식이든 전부 문자형으로 변환해주는 기능이라고 말씀드렸었어요. 템플릿 문자열은 백틱( ` , 숫자 1 키 바로 왼쪽에 있습니다), 달러($), 그리고 중괄호( {} )를 통해서 사용하게 됩니다. 백틱만을 먼저 설명해드릴게요. 이 템플릿 문자열은 자바스크립트와 타입스크립트에서 공통으로 사용되므로 타입스크립트 예제로 설명을 해 볼게요. 자, 우리가 보통은 작은 따옴표나 큰 따옴표를 통해서 문자열을 상수에 넣을 수 있었어요. 그런데 여러 줄인 경우에는 어떻게 될까요? 작은 따옴표 안에서 줄바꿈이 일어나자마자 엄청난 오류가 쏟아지고 있죠? 자바스크립트와 타입스크립트에서는 작은 따옴표와 큰 따옴표 안에서 줄바꿈을 하면 안 되기 때문입니다. 줄바꿈을

파이썬 문자열 포맷팅 (파이선 강좌 연재)(010) - 하이미디어 분당 4차산업학원 [내부링크]

안녕하세요~ 이번 시간에는 파이썬 문자열 포맷팅을 다루어볼게요. 파이선의 문자열은 작은 따옴표나 큰 따옴표로 표현이 가능했어요. 하지만 파이선의 문자열에는 포맷팅이라는 부가 기능이 있습니다. 이 부가 기능은 문자열 안에서 연산이나 변수의 값을 활용할 수 있게 해 줍니다. 파이선에서의 문자열 포맷팅은 여러 방법이 있으나 현재 유용하게 쓰이는 방법은 다음 방법입니다. (이 방법은 파이선 3.6 버전 이상에서 동작합니다) 코드 출력 문자열을 표현할 때 쓰는 작은 따옴표나 큰 따옴표를 시작하기 전에 f를 붙이시면 문자열 포맷팅을 사용할 수 있어요. 즉, 모양은 f'~~~~~' f"~~~~~" 위처럼 되는 거죠~ 위의 예제는 a,b,c 변수에 사람들의 이름을 저장하였어요. 그 상태에서 f'~~~~~' 안에 중괄호{}를 쓰고 그 안에서 변수의 이름을 넣으면 변수의 값을 사용할 수 있게 됩니다. 그래서 f'안녕하세요, {a} 님.' 이라고 입력하면 변수 a의 값은 김철수이기 때문에 '안녕하세요,

코틀린의 형변환 (자바 강좌 연재)(007 번외) - 하이미디어 모란 사물인터넷 학원 [내부링크]

안녕하세요? 이번 시간에는 코틀린 코드로 타입을 익히고 형변환을 배워보려 해요. 코틀린은 자바에서 파생된 언어이기 때문에 자바와 비슷한 특징을 많이 갖고 있어요. 하지만 기본 타입이라든가 형변환 방법은 자바와 좀 다른 편이에요. 숫자형 실수 Double 정수 Int 문자형 문자 Char 문자열 String 논리형 논리 Boolean 코틀린의 기본 타입들은 위와 같아요. 그런데 자바에서 다루는 타입과 비슷하면서도 어디인가 달라 보여요. 네, 바로 첫 글자가 전부 대문자죠~ 자바에서는 String 을 제외하고서는 전부 소문자로 시작했어요. 그리고 소문자로 시작하는 int라든가 char로 변환하고자 한다면 '(int)변수이름' 이런 식으로 변환을 했었죠. 하지만 코틀린의 기본 타입들은 자바의 String처럼 대문자로 시작해요. 즉, 형변환도 자바의 String과 비슷한 느낌으로 이루어집니다. 자바에서 정수를 문자열로 변경할 때에는 toString() 이라는 것을 활용했죠? 코틀린에서도 t

파이선의 논리형 변환(트루시와 폴시)(파이선 강좌 연재)(008) - 하이미디어 성남 파이썬 학원 [내부링크]

안녕하세요? 저번 시간에는 파이썬의 기본 데이터 타입의 형변환에 대해서 다루어 보았지요? 오늘은 저번 시간에 미루어두었던 파이선의 논리형(불리언) 변환을 다루어보도록 하겠습니다~ 파이선의 논리형 변환은 다른 언어와 다르게 좀 특이한 편이에요. 어떤 언어는 형식적인 외양이 'true'와 'false'가 아니면 논리형으로 변환을 못 하게 한다고 한다면, 파이선은 이와 다르게 실질적인 내용으로 true와 false를 구별해요. 일반적으로 내용이 있으면 True, 내용이 없으면 False로 변환합니다~ 코드 출력 정수형 0과 정수형 1을 bool()을 통해 논리형으로 변환해 보았어요. 그랬더니 0은 False, 1은 True가 나왔지요? 이렇듯, 실질적으로 내용이 없다고 볼 수 있는 0은 False, 내용이 있다고 볼 수 있는 0을 제외한 나머지 수는 True로 변환됩니다~ 이것이 있는 이유는 실제적으로 유용하기 때문입니다. 위와 같이 여러 데이터를 집합으로 모아서 쓰는 것을 리스트(Lis

자바에서 Scanner로 입력 받기 (자바 강좌 연재)(008) - 하이미디어 분당 자바 학원 [내부링크]

안녕하세요? 이번에는 자바 언어에서 사용자의 입력을 받아보도록 하겠습니다. JAVA에서는 단순한 입력을 받을 때와 양이 많은 입력을 받을 때 쓰는 코드가 달라집니다. 양이 많을 때에는 Buffer라는 저장소를 활용하여 입력을 받게 되는데요, 이번에는 상대적으로 적은 입력을 받을 때 쓰는 Scanner를 활용해보도록 하겠습니다. 위 코드에서 public class 줄과 public static void main에 해당하는 부분은 클래스 명인 Test901을 제외하고 항상 쓰는 부분입니다. public static void main 부분은 인텔리제이에서 main을 치고 Tab키를 누르시면 바로 입력하실 수 있습니다~ public class 위에 import java.util.Scanner는 java의 util 안에 있는 Scanner라는 것을 가져다 쓰겠다는 것입니다. Scanner가 바로 사용자의 입력을 받아오는 기능을 하는 코드예요. Scanner는 위와 같이 사용합니다. 첫 줄은

파이선에서 사용자 입력 받기 (파이선 강좌 연재)(009) - 하이미디어 성남 4차산업학원 [내부링크]

안녕하세요~ 오늘은 파이선으로 사용자의 입력을 받는 코드를 배워 볼 거예요. 파이선은 간단한 입력을 받을 때 쓰는 코드와 복잡한 입력을 받을 때 쓰는 코드가 나뉘어져 있어요. 만일 복잡한 입력을 받을 때 간단한 입력을 받을 때 쓰는 코드를 사용하면 동작은 하지만 동작이 느려지기 때문에 이 둘로 나뉘어져 있습니다~ 코드 입출력 위에서 녹색 1은 제가 입력한 1이고, 하얀 1은 컴퓨터에서 출력해 준 1입니다~ 즉, input()이 있으면 파이선으로 사용자의 입력 1줄을 받을 수 있어요. 그러면 만일 복잡한 코드를 입력 받아야 했을 때 쓰는 코드는 무엇일까요? 코드 입출력 위처럼 import sys와 sys.stdin.readline()을 쓰시면 됩니다~ input() 보다는 쓰는 방법이 복잡하지만 많은 입력을 받을 때에는 빠른 처리가 가능합니다~ input()이나 sys.stdin.readline()은 백준 같은 문제풀이 사이트에서 문제를 풀 때 유용해요. Baekjoon Online

자바스크립트 학습의 필요성 (JS 강좌 연재)(001) - 하이미디어 성남 웹개발 학원 [내부링크]

안녕하세요~ 지금까지 파이선과 자바 강좌 연재를 다루고 있었는데요, 이와 더불어 자바스크립트의 연재도 다루게 되었습니다. 잘 부탁드립니다~ 자바스크립트는 2022년 현재 웹 프론트엔드(고객이 웹브라우저를 통해 직접 볼 수 있는 화면)에서 다룰 수 있는 개발 언어 중 유일한 언어입니다. 물론 라이브러리나 변환기를 사용하면 타입스크립트나 파이선도 사용할 수 있어요. 하지만 결국 웹브라우저에서 직접적으로 다룰 수 있는 언어는 자바스크립트 뿐이에요. 그러므로 프론트엔드를 하고자 한다면 자바스크립트의 학습은 필수입니다. 참고로 자바스크립트와 자바는 전혀 다른 언어예요. 이름만 비슷할 뿐 언어 문법부터 동작 원리까지 다르므로 주의하셔야 합니다! 프론트엔드를 다룰 수 있는 자바스크립트는 웹표준 캔버스와 결합하여 아래 두 사이트처럼 브라우저에서 화려하고 놀라운 기능들을 실현할 수 있게 했어요. Genshin Impact Version 3.0 Preview 'Trainee Forest Ranger

타입스크립트 컴파일러 설치 (JS 강좌 연재)(002) - 하이미디어 분당 웹개발 학원 [내부링크]

안녕하세요~ 여기에서 연재되는 자바스크립트 강좌는 타입스크립트 예제를 함께 다루므로 타입스크립트 컴파일러(프로그래밍 언어를 다른 언어로 변환해주는 도구)를 설치해보도록 하겠습니다~ 자바스크립트의 경우는 컴파일러가 웹브라우저에 내장되어 있기 때문에 따로 뭔가를 설치할 필요가 없지ᅟ만 타입스크립트는 컴파일러가 내장되어 있는 것이 아니라 따로 설치를 해야 합니다. Node.js Node.js is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org 타입스크립트는 위에 있는 Node.js를 먼저 설치해주셔야 합니다. 버ᅟ전이 두 개가 있는데 그 중에서 LTS 버전을 설치하시면 됩니다.~ 위와 같은 화면이 나오면 Automatically 로 시작하는 곳에 체크를 해 주세요. 그리고 설치를 계속 하시면 중간에 검은 화면의 창이 나옵니다. 위 화면의 창도 Node.js 설치와 연관되어 있으므로 아무 키를 누르시면 푸른

VS Code 설치하기 (JS 강좌 연재)(003) - 하이미디어 분당 4차산업학원 [내부링크]

안녕하세요? 저번 시간에는 타입스크립트의 컴파일러 설치를 다루어 보았어요. 그러면 이제 코드를 편집할 수단이 필요하겠죠? 자바나 파이선의 경우는 IntelliJ를 활용했었습니다. 하지만 타입스크립트는 Microsoft에서 개발한 언어예요. 그렇다보니 자바스크립트나 타입스크립트 코드를 다루기에는 Microsoft에서 만든 편집기가 좀더 유용할 수 있어요. 그러므로 여기에서는 Microsoft에서 만든 편집기인 Visual Studio Code(VS Code, 비주얼 스튜디오 코드)를 설치해보도록 하겠습니다~ https://code.visualstudio.com/Download Download Visual Studio Code - Mac, Linux, Windows Visual Studio Code is free and available on your favorite platform - Linux, macOS, and Windows. Download Visual Studio Code t

자바로 세계에 인사해보기 (자바 강좌 연재)(004) - 하이미디어 분당 사물인터넷 학원 [내부링크]

안녕하세요? 오늘은 인사말을 화면에 띄우는 자바 프로그램을 만들어볼게요. 전통적으로 컴퓨터 프로그램을 배울 때에는 세계에 인사를 하는 프로그램을 만들었었어요. Hello, world! - 나무위키 1. 개요 많은 프로그래밍 언어 서적에서 맨 처음 소개하는 예제. Hello, world!를 출력하는 것이 프로그래밍 언어를 배우는 첫 번째 단계로 일종의 암묵적인 룰이 되었다. 그야말로 프로그래머 들에게는 국룰인 단어이다. 2. 유래 1978년에 브라이언 커니핸과 데니스 리치 가 쓴 "The C Programming Language" 교재의 첫 번째 예제가 화면에 "Hello, world!"를 출력하는 것이었고, 이것이 유명해지면서 모든 프로그래밍 언어 의 첫번째 예제로 굳어지게 되었다. 사실 브라이언 커니핸은 예전에 자신이 집필... namu.wiki 위의 나무위키에도 나와 있듯이 Hello World 인사말은 어떤 프로그램을 만들 때 문자열 출력을 테스트하는 용도로 많이 이용되었는데요

코틀린으로 세계에 인사해보기 (자바 강좌 연재)(004 번외) - 하이미디어 모란 자바 학원 [내부링크]

안녕하세요? 저번에는 자바 언어를 통해서 Hello World를 출력하는 걸 보여드렸는데요, 이번에는 자바 가상 머신을 사용할 수 있는 자바계 언어면서도 좀더 쉬운 코틀린 코드를 통해 Hello World를 출력하는 걸 보여드릴게요~ 인텔리제이에서 파일 - 새로 만들기 - 프로젝트로 가신 후 위 화면에서 이름과 위치를 아무거나로 하시고, 언어를 Kotlin 으로 고르시면 됩니다~ 그 뒤로 생성 버튼을 누르시면 생성에 시간이 좀 걸리므로 창의 맨 아래에서 빌드 버튼을 누르시고 BUILD SUCCESSFUL이라는 메시지가 나올 때까지 기다려주세요. 그 다음에는 왼쪽의 프로젝트 구조에서 src → main → kotlin 순서로 들어가서 새로 만들기 → Kotlin 클래스/파일을 눌러주신 후 클래스가 아니라 파일을 선택하시고 이름을 아무거나로 정해주세요. 코틀린 파일을 만들면 자바와 다르게 아무것도 쓰여 있지 않습니다. 이 때 main을 입력하시고 tab을 누르시면 main 함수를 만드실

파이썬이 쉽다고 하는 이유 (파이썬 강좌 연재)(004) - 하이미디어 분당/모란 빅데이터 학원 [내부링크]

안녕하세요? 오늘은 파이썬 언어를 이용하여 화면에 간단한 문구를 출력해보려고 합니다~ 전통적으로 프로그램을 실행하는 테스트에서는 "Hello World" 문구를 출력하는 테스트를 했었는데요, 오늘은 파이선에서 해당 문구를 출력하려고 합니다. 먼저 다른 언어에서 Hello World를 출력하는 것을 참고용으로 보여드릴게요. 위 이미지는 자바의 경우입니다. 한국 웹에서 스프링 백엔드를 작동시킬 때에 주로 쓰이는 언어입니다. 자바는 먼저 클래스를 만들고, main 함수를 만들어야 해요. main 함수 안에서도 System.out에 있는 println 함수를 호출해야 문구를 출력할 수 있게 됩니다. 문장 한 줄 출력하는 데에 생각보다 많은 글자가 필요하죠? 다음은 자바 계열 언어 중 하나인 코틀린입니다. 자바보다 쉬운 걸로 유명합니다. 구글 안드로이드 공식 언어이기도 하며, 몇몇 유명 IT 업체에서 스프링 백엔드를 구동할 때 쓰이기도 해요. 위처럼 따로 클래스를 만들지 않고 main 함수

정적타입언어 vs 동적타입언어 (파이선 강좌 연재)(005) - 하이미디어 분당/모란 AI 학원 [내부링크]

안녕하세요? 오늘은 정적타입언어와 동적타입언어에 대해 다루어보려 해요~ 각각의 데이터에는 '타입(자료형)'이라는 것이 있습니다. 엑셀에서 1과 "1"을 입력해보면 1은 오른쪽으로 정렬되고, "1"은 왼쪽으로 정렬되는데요, 숫자 타입의 데이터는 오른쪽 정렬, 문자 타입의 데이터는 왼쪽 정렬이 되는 특성 때문입니다. 프로그램 개발에서도 이런 타입의 차이가 있는데요, 위와 같이 파이선에서 1+1을 하게 되면 숫자형 데이터가 산수 계산되어 2가 나오지만, '1'+'1'을 하게 되면 문자형 데이터가 오른쪽으로 주욱 붙으면서 '11'이 결과로 나오는 것을 보실 수 있습니다~ 결국 이런 데이터의 타입을 미리 밝혀두느냐 밝혀두지 않느냐로 정적 타입이냐 동적 타입이냐가 나뉘어집니다. IOT나 웹 백엔드에 사용되는 JAVA 같은 경우가 정적 타입 언어인데요, 위 모습은 a라는 이름으로 숫자(Integer, 정수) 2을 저장하고, b에 이름으로 숫자 1를 저장, c에는 문자 'x', d에는 문자 'y'

자바의 기본 타입들 (자바 강좌 연재)(005) - 하이미디어 모란 사물인터넷 학원 [내부링크]

안녕하세요? 이번에는 자료의 단편을 메모리에 저장하여 사용하는 방법을 볼 거예요. 사실 일반 계산기에는 반복해서 사용하는 숫자를 메모리에 저장하였다가 불러오는 유용한 기능이 있죠? 이것은 비단 계산기 뿐만 아니라 사물인터넷이든 오토메이션이든 여러 영역의 프로그래밍에서도 똑같이 사용할 수 있어요~ 위는 크롬 같은 웹브라우저를 사용할 때 F12를 누르면 불러올 수 있는 개발자도구예요. 거기에서 Console로 들어가면 자바스크립트 콘솔을 사용할 수 있어요. 그러면 위와 같이 등호 =를 활용하여 v라는 이름으로 7.68을 저장해두고 반복적으로 7.68로 나누어야 하는 숫자들을 보다 빠르게 나눌 수 있는 것이죠. (등호 =는 오른쪽에 있는 값을 왼쪽에 있는 변수에 대입하는 데에 사용합니다.) 그래도 위 모습은 자바스크립트라서 좀 간단하게 표현이 된 것이고요, 자바 언어는 자바스크립트와 달리 형식을 좀더 강조합니다. 그래서 위와 같이 코드가 좀더 복잡해지는데요, 그런데 잘 보시면 저번에 다루

파이선의 기본 타입 (파이선 강좌 연재)(006) - 하이미디어 분당/모란 인공지능 학원 [내부링크]

안녕하세요? 오늘은 파이선의 기본 타입에 대해 다루어보려 합니다~ 저번 시간에는 파이선의 숫자 정수형(int)과 문자형(str)을 간략하게 보여드렸어요. 이번에는 int와 str을 포함한 기본 타입들과 형변환을 다루어보고자 합니다~ 파이선의 기본 데이터 타입은 아래와 같아요. 숫자형 실수 float 정수 int 문자형 문자 str 논리형 논리 bool 자, 그러면 왜 이렇게 데이터 타입(형)이 정해져 있는 것일까요? 자, 사과 상자라는 상자가 있다고 해 볼게요. 사과 상자라고 했으니 사과만 들어갈 수 있겠죠? 배나 귤은 들어갈 수 없을 거예요. 이런 식으로 상자처럼 데이터를 담아둘 수 있는 변수라는 개념이 있습니다. 변수에는 값을 저장할 수 있어요. 그런데 이 변수를 정수타입 변수라고 정한다면 이 변수에는 실수나 문자는 들어갈 수 없겠죠? 이렇듯 타입은 어떤 변수에 들어갈 수 있는 값의 자격으로도 볼 수 있어요~ 등호 = 는 오른쪽에 있는 걸 왼쪽으로 대입하는 걸 의미합니다. 위 코

파이선의 형변환 (파이선 강좌 연재)(007) - 하이미디어 성남 인공지능 학원 [내부링크]

안녕하세요? 오늘은 파이선 언어의 기본 데이터 타입의 형변환에 대해서 다루어볼게요~ 기본 데이터 타입에는 str, int 등이 있었죠? 이렇듯 기본 데이터 타입의 형변환은 문자 타입의 데이터를 숫자 타입으로, 혹은 숫자 타입의 데이터를 문자 타입으로 바꾸는 거예요. 물론 문형에 맞아야 바꿀 수 있습니다. 만약 '1개' 이렇게 숫자가 아닌 글자가 포함된 걸 숫자로 바로 바꾸려고 하면 오류가 나겠죠? 의 예시는 10000이라는 int 타입의 데이터를 문자 타입으로 바꾸어 본 거예요. str() 안에 a 변수를 집어넣고 a2에 저장하자 a2에는 문자 데이터가 들어왔다고 나오고 있습니다. 또한 int() 안에 a2 변수를 집어넣고 a3에 저장하자 a3에는 정수 데이터가 들어왔다고 나오고 있죠? 이렇듯 무언가를 문자 데이터로 바꿀 때에는 str(), 무언가를 정수 데이터로 바꿀 때에는 int()를 활용합니다. 그 외로는 float()를 통해 실수 데이터로 변환을 할 수도 있어요. 위 예시는

자바의 형변환 1 (자바 강좌 연재)(006) - 하이미디어 분당 IoT 학원 [내부링크]

안녕하세요? 오늘은 자바의 형변환에 대해서 다루어볼게요~ 자바의 기본 타입은 꽤 다양한 편이기 때문에 여기에서는 저번 시간에 다룬 다섯가지 중에서도 int, double, char, String 에 대해서만 살펴볼 거예요. (String은 기본 타입(혹은 원시 타입)은 아니지만 기본 타입만큼 중요하게 활용되는 타입이므로 여기에 포함시켰습니다.) 형변환은 어떤 타입의 데이터를 다른 타입의 데이터로 변환하는 걸 의미해요. 예를 들면 정수 1을 실수 1.0으로 바꾸는 걸 들 수 있습니다~ 사실 정수를 실수로 바꾸는 건 간단한 편이에요. 그냥 정수 데이터를 실수 데이터 변수에 저장하시면 됩니다~ 그러면 1이라는 정수 데이터가 1.0이라는 실수 데이터로 바뀌어 저장이 되어요. 하단의 실행 창에도 1.0이라는 b의 값이 println을 통해서 출력되고 있죠? 하지만 실수를 정수로 바꾸는 건 다른 문제예요. 1.2345 이런 실수를 정수로 바꾸려면 소수점 아래 부분이 없어져야겠죠? 그래서 형변환

자바의 형변환 2 (자바 강좌 연재)(007) - 하이미디어 성남 사물인터넷 학원 [내부링크]

안녕하세요? 이번 시간에는 기본 타입은 아니지만 기본 타입만큼 중요하게 쓰이는 String 타입의 형변환에 대해서 알아보고자 합니다~ 지난 시간에 다룬 내용은 어떤 기본 타입의 데이터를 다른 타입의 데이터로 바꾸어 저장하고 싶을 때에는 소괄호() 안에 목표로 하는 대상 타입을 넣어서 변환을 한다고 말씀드렸어요. 하지만 String은 기본 타입이 아니기 때문에 이런 식으로 바꿀 수는 없어요. 그래서 String으로 바꿀 때에는 저번 시간과 다른 방식을 활용합니다. 먼저 int 타입과 String 타입 사이의 형변환을 알아볼까요? 위 사진처럼 int 타입과 String 타입 사이를 왔다갔다 하기 위해서는 Integer 라는 것을 활용합니다. 정수 10을 문자 "10"으로 ᅟ변환하기 위해서는 Integer.toString() 을 활용합니다. 또한 문자 "10"을 다시 정수 10으로 변환할 때에는 Integer.parseInt(b) 를 활용해요. 위 식을 실행하면 아래처럼 출력됩니다. 하지

HTML&css + jQuery 를 활용한 웹페이지 제작일지 30탄 [내부링크]

HTML&css + jQuery 를 활용한 웹페이지 제작일지 30탄 Ajax 메소드 $.ajax() $.get() .load()에 대하여 알아볼께요 Ajax 메소드란? $.ajax() _ 비동기식 Ajax를 이용하여 HTTP 요청을 전송해요 $.get() _ 전달받은 주소로 GET 방식의 HTTP 요청을 전송해요 $.post() _ 전달받은 주소로 POST 방식의 HTTP 요청을 전송해요 $.getScript() _ 웹 페이지에 스크립트를 추가해요 $.getJSON() _ 전달받은 주소로 GET 방식의 HTTP 요청을 전송하여, 응답으로 JSON 파일을 전송받아요 .load() _ 서버에서 데이터를 읽은 후, 읽어 들인 HTML 코드를 선택한 요소에 배치해요 $.ajax() 메소드란? 모든 jQuery Ajax 메소드의 핵심이 되는 통합적인 메소드에요 $.ajax() 메소드는 HTTP 요청을 만드는 강력하고도 직관적인 방법을 제공해요. 메소드 체이닝(method chaining)란

HTML&css + jQuery 를 활용한 웹페이지 제작일지 31탄 [내부링크]

HTML&css + jQuery 를 활용한 웹페이지 제작일지 31탄 기타 유틸리티 메소드에 대하여 알아볼께요 기타 유틸리티 메소드란? 타입 검사 메소드뿐만 아니라 편리한 기능을 제공하는 다수의 유틸리티 메소드를 제공해요 $.each() 메소드란? $.each() 메소드는 객체나 배열에서 모두 사용할 수 있는 범용적인 반복 함수(iterator function)이다. length 속성이 있는 배열이나 배열과 같은 객체를 전달받아, 그 길이만큼 반복해서 콜백함수를 실행해요 객체의 경우에는 객체가 가지고 있는 프로퍼티의 개수만큼 반복해서 콜백함수를 실행해요 $.extend() 메소드란? $.extend() 메소드는 두 개 이상의 객체의 모든 프로퍼티를 하나의 객체로 병합해요 메소드는 인수로 전달받은 첫 번째 객체에 두 번째 객체의 모든 프로퍼티를 추가해요 그리고서 첫 번째 객체에 세 번째 객체의 모든 프로퍼티를 추가해요 (- ※ $.extend() 메소드에 인수로 전달되는 첫 번째 객체는

4차산업과 자바 언어 (자바 강좌 연재)(001) - 하이미디어 성남 자바 학원 [내부링크]

안녕하세요~ 오늘은 4차산업과 자바 언어에 대해서 다루어 볼 것입니다. 4차 산업은 정보통신기술을 통해 만들어진 새로운 산업 시대 혁명인 4차 산업 혁명에서 이루어지는 주요 산업 분야입니다. 여러 분야를 빅데이터를 이용한 디지털 기술에 접목시키는 것이에요. 이 4차 산업 중 하이미디어 성남 컴퓨터 학원에서 가르치는 부분에는 사물인터넷과 RPA가 있습니다. 사물인터넷(IOT)은 여러 가지 사물에 센서를 부착하고 인터넷을 연결하여 사물에서 오는 여러 정보들을 취합하여 분석하고 사물에 특정 동작을 시킬 수 있는 것을 의미합니다. 이미 90년대에 홈 오토메이션이라는 개념으로 가스밸브나 에어컨 등을 전화를 통해 제어하는 기술이 선보였었는데요, 2020년대에는 그 연장선으로 전화가 아닌 인터넷이 그런 기능을 할 수 있는 것입니다~ 따라서 IOT 분야는 사물에 들어갈 소규모 장치에서 프로그램을 동작시키는데에 적합한 언어인 자바 언어가 활용되고, 사물에 들어갈 소규모 장치를 직접 만들어야 하므로

무궁무진한 파이선 언어 (파이선 강좌 연재)(001) - 하이미디어 성남 AI 학원 [내부링크]

안녕하세요~ 오늘은 파이선이라는 언어에 대해서 다루어 보려 해요. 파이선은 프로그래밍 언어 중에서는 난이도가 낮은 편임에도 생산성이 높아요. 파이선 이전에는 언어가 사람에게 쉬우면 생산성이 나쁜 일종의 딜레마 상태에 있었다면 파이선 언어는 이러한 딜레마를 깨고 새로운 개발 환경을 열어준 것이죠~ Python 파이선 언어는 쉬워서 올림피아드 같은 대회에서는 초등학생들까지도 이 언어를 다루고 있어요. 뿐만 아니라 실업계 고등학교에서는 정보 관련 과목에서 이 언어를 배우기도 합니다~ 예전처럼 CPU 기종에 맞는 명령어를 찾아서 개발하는 것이 아니라 파이선에서 정해둔 명령어를 입력하면 각 기종에 맞게 프로그램이 작동되니 난이도가 쉬울 수 밖에 없지요. 즉, 가상 머신 시스템을 통해 실제 기종이 달라도 같은 명령어로 언어를 실행할 수 있기 때문에 사용처가 무궁무진해집니다~ 수학 라이브러리와 데이터베이스 라이브러리에 백엔드 용 프레임워크도 만들어져 있고 통계 분석이라든가 그래프 작업, 머신러닝

자바 개발 키트 설치하기 (자바 강좌 연재)(002) - 하이미디어 성남 사물인터넷 학원 [내부링크]

안녕하세요~ 저번에는 사물인터넷(IOT) 분야에서 자바 언어를 다룰 수 있다고 말씀드렸지요? 그래서 이번에는 자바 개발 환경에 대해서 다루어보고자 합니다~ 우리는 자바 언어대로 개발하고 어떤 기계에서든지 프로그램을 실행시킬 수 있는 소프트웨어인 자바 개발 키트(JDK)가 필요해요. 보통 자바 가상 머신(JVM)과 표준 클래스 라이브러리를 합쳐서 자바 런타임 환경(JRE)이라고 하고, JRE에 개발툴을 합해서 JDK라고 합니다~ 즉 우리는 JDK를 설치해야 해요~! https://www.oracle.com/java/technologies/downloads/#java11 Download the Latest Java LTS Free Subscribe to Java SE and get the most comprehensive Java support available, with 24/7 global access to the experts. www.oracle.com JDK는 장기 지원 버전(

파이선 개발 키트(아나콘다) 설치하기 (파이선 강좌 연재)(002) - 하이미디어 성남 빅데이터 학원 [내부링크]

안녕하세요~ 지난 시간에는 파이선이 빅데이터 활용과 머신 러닝 등 여러 분야에서 사용이 가능하다는 걸 알려드렸죠? 그런데 파이선은 어떤 기계에서든지 실행할 수 있도록 가상 머신이라는 프로그램이 필요하다고 말씀드렸어요. 즉 파이선은 가상 머신과 가상 머신이 알아들을 수 있도록 파이선을 번역하는 파이선 컴파일러가 필요한 거예요~ 더구나 빅데이터, 수학 계산 활용 등이 필요하다면 이를 위한 라이브러리도 필요하겠죠? 다행히 이것들은 따로 설치하는 게 아니라 아나콘다 홈페이지에서 한번에 설치할 수 있어요~ https://www.anaconda.com/ Anaconda | The World's Most Popular Data Science Platform Anaconda is the birthplace of Python data science. We are a movement of data scientists, data-driven enterprises, and open source commu

인텔리제이 IDE 설치하기 (자바 강좌 연재)(003) - 하이미디어 분당 자바 학원 [내부링크]

안녕하세요~ 오늘은 자바 코드를 만들고 실행을 확인해 볼 수 있는 통합개발환경 소프트웨어(IDE)를 다룹니다~ 자바 코드를 위한 IDE로는 예전부터 이클립스가 유명했으나 요즘은 코틀린도 함께 다룰 수 있는 인텔리제이가 강자로 떠올랐어요. 그래서 여기에서는 인텔리제이를 설치해보고자 합니다. Intellij IDEA는 제트 브레인즈 사에서 만든 IDE입니다. 참고로 제트 브레인즈 사에서는 자바와 상호 운용되면서도 더 쉬운 코틀린 언어를 개발한 바가 있기 때문에 IntelliJ는 자바 뿐만 아니라 코틀린에도 특화되어 있습니다~ 코틀린은 자바를 익히면 단시간에 익힐 수 있는 언어이기 때문에 코틀린을 다루는 구글 안드로이드나 IOTA 암호화폐 등에도 활용할 수 있게 되니 인텔리제이를 사용할 수 있다면 언젠가 사용하게 될지도 모르는 코틀린에 대한 대비도 될 수 있겠죠~ ↑ 자바 코드 ↓ 코틀린 코드 https://www.jetbrains.com/ko-kr/idea/ IntelliJ IDEA:

파이선을 위한 인텔리제이(파이참) 활용하기 (파이선 강좌 연재)(003) - 하이미디어 성남 빅데이터 학원 [내부링크]

안녕하세요? 지난 시간에 말씀드린대로 빅데이터 분석이나 AI 등에 파이선을 활용하려면 결국 파이선 코드를 수정하는 것이 필요하겠죠? 하지만 메모장을 활용해서 파이선 코드를 만든다면 많이 불편할 거예요. 글씨가 전부 검정색이기 때문에 이대로 코드가 길어진다면 상당히 불편하겠죠? 특히 빅데이터나 딥러닝 같은 걸 다루는 라이브러리들까지 메모장에서 이용하게 된다면 코드가 난잡해질 수도 있습니다. 그러므로 파이선 코드를 위해 인텔리제이 편집기를 살펴볼까요? 인텔리제이 편집기는 위처럼 색이 깔끔하게 구분되어 나옵니다. 그리고 오타도 어느 정도 잡아주기 때문에 코드를 만들고 수정하는 데에 많은 도움을 줍니다~ https://blog.naver.com/eekdland/222767280803 인텔리제이 IDE 설치하기 (자바 강좌 연재)(003) - 하이미디어 분당 자바 학원 안녕하세요~ 오늘은 자바 코드를 만들고 실행을 확인해 볼 수 있는 통합개발환경 소프트웨어(IDE)를 다... blog.nav

HTML&css + jQuery 를 활용한 웹페이지 제작일지 23탄 [내부링크]

HTML&css + jQuery 를 활용한 웹페이지 제작일지 23탄!! jQuery 이벤트의 연결 및 처리에 대하여 알아볼께요 이벤트의 연결이란? 특정 요소에서 발생하는 이벤트를 처리하기 위해서는 이벤트 핸들러(event handler) 함수를 작성해야만 해요. 이벤트 핸들러를 특정 요소에 연결하는 것을 이벤트 바인딩(event binding)이라고 해요. .on() 메소드 선택한 요소에 어떤 타입의 이벤트라도 연결할 수 있어요. 사용자 지정 이벤트(custom event)를 위해 이벤트 핸들러로 데이터를 넘길 수 있어요. 차후에 다루게 될 요소를 이벤트에 바인딩할 수 있어요. $("p").on("click", function(){ alert("알림판 예제"); }); 이벤트 핸들러 하나에서 이벤트 여러개 설정하기! .on() 메소드를 사용하면 하나의 이벤트 핸들러에 여러 개의 이벤트를 동시에 바인딩할 수 있어요. .off() 메소드 .off() 메소드는 더 이상 사용하지 않는 이벤

HTML&css + jQuery 를 활용한 웹페이지 제작일지 24탄 [내부링크]

HTML&css + jQuery 를 활용한 웹페이지 제작일지 24탄 jQuery 페이드 효과에 대하여 알아볼께요 페이드 효과란? 요소의 CSS opacity 속성값을 빠르게 변경하여 표현해요. .fadeIn() _ 선택한 요소의 CSS opacity 속성값을 높여가며 요소를 나타지게 해요. .fadeOut() _ 선택한 요소의 CSS opacity 속성값을 높여가며 요소를 사라지게 해요. .fadeToggle() _ 선택한 요소에 fadeIn() 메소드와 fadeOut() 메소드를 번갈아가며 해요. .fadeTo() _ 페이드 효과에서 사용하는 opacity 속성값을 직접 설정해요. 표시 및 숨기기! .fadeOut() 메소드 _ 선택한 요소를 서서히 사라지게 해요. .fadeIn() 메소드는 서서히 나타나게 해요. .hide() .show() 메소드 _ 효과 속도 설정 인수로 밀리초(ms)로 설정하거나 "slow", "fast"와 같은 예약어를 전달하여, 이펙트 효과의 속도를

HTML&css + jQuery 를 활용한 웹페이지 제작일지 25탄 [내부링크]

HTML&css + jQuery 를 활용한 웹페이지 제작일지 25탄 jQuery 요소의 표시 & 숨김에 대하여 알아볼께요 요소의 표시와 숨김이란? .hide() _ 선택한 요소를 사라지게해요 .show() _ 선택한 요소가 나타나요 .toggle() _ 선택한 요소에 .show() 메소드와 .hide() 메소드를 번갈아가며 적용시켜요 .hide() .show() 메소드 - 요소의 표시와 숨김 .hide() 메소드 _ 요소는 CSS display 속성값이 none으로 설정해요소를 숨겨요 .show() 메소드 _ 요소를 CSS display 속성값이 block으로 설정하여, 요소가 나타나요. ※ <div> 요소를 .hide() 메소드로 숨겼다가, .show() 메소드로 표시해요 .hide() .show() 메소드 - 효과 속도 설정 인수로 밀리초(ms)로 설정하거나 "slow", "fast"와 같은 예약어를 전달하여, 이펙트 효과의 속도를 설정해요. .hide() 메소드 / .show

HTML&css + jQuery 를 활용한 웹페이지 제작일지 26탄 [내부링크]

HTML&css + jQuery 를 활용한 웹페이지 제작일지 26탄 jQuery 슬라이드 효과에 대하여 알아볼께요 슬라이드 효과란? 슬라이드(slide) 효과는 요소의 CSS height 속성값을 빠르게 변경하여 표현해요. .slideUp() _ 요소의 CSS height 속성값을 높여가며 사라지게 해요 .slideDown() _ 요소의 CSS height 속성값을 낮춰가며 나타나게 해요 .slideToggle() _ 요소에 .slideUp() 메소드와 .slideDown() 메소드를 번갈아가며 적용해요 슬라이드 업(slide up)이란? 선택한 요소가 서서히 올라가면서 사라지는 효과가 나타나요 $("#divBox1").slideUp(); // 인스를 지정하지 않으면 0.2(200) 동안 올라가면서 사라져요. (: 인수로 밀리초에 해당하는 숫자을 지정하여 슬라이드 효과의 속도를 조절할 수도 있어요. $("#divBox2").slideDown(400); // id가 "divBox2"

HTML&css + jQuery 를 활용한 웹페이지 제작일지 27탄 [내부링크]

HTML&css + jQuery 를 활용한 웹페이지 제작일지 27탄 jQuery 애니매이션 효과에 대하여 알아볼께요 애니매이션 효과란? _ .animate() 메소드 .animate() 메소드를 이용하여 사용자 정의한 이펙트 효과를 정의할 수 있어요. - CSS 스타일 속성을 이용하여 새로운 이펙트 효과를 만들어요 .animate() 메소드 - 사용할 수 있는 CSS 속성 색(color)에 관련 속성을 제외한 CSS 속성을 사용할 수 있어요 .css() 메소드에서는 하이픈(-)으로 연결된 CSS 속성 명과 camelCase 방식으로 바꾼 속성 명을 둘 다 사용할 수 있어요 .animate() 메소드에서는 camelCase 방식의 속성 명만 사용가능해요 ※ .animate() 메소드에서 사용할 수 있는 CSS 속성들 이에요 backgroundPositionX / backgroundPositionY borderWidth / borderBottomWidth borderLeftWidth /

HTML&css + jQuery 를 활용한 웹페이지 제작일지 28탄 [내부링크]

HTML&css + jQuery 를 활용한 웹페이지 제작일지 28탄 jQuery.fx 객체 프로퍼티에 대하여 알아볼께요 jQuery.fx 객체란? 이펙트 효과가 구현되는 방법을 제어하는 다양한 프로퍼티를 가지고 있어요. jQeury.fx.speeds _ 밀리초에 해당하는 "slow", "fast" 등의 값을 가지고 이펙트 효과의 속도를 나타나요 jQeury.fx.interval _ 이펙트 효과가 보여지는 동안의 초당 프레임 수를 나타나요 jQeury.fx.off _ 모든 이펙트 효과를 사용할 수 없도록 비활성화시켜요 jQuery.fx.speeds 프로퍼티란? peeds 프로퍼티는 "slow", "normal", "fast" 값을 가지고 이펙트 효과의 속도를 나타나요 ※jQuery에서 제공하는 jQuery.fx.speed 프로퍼티의 기본값은 다음과 같아요 (: 연속적인 프레임에서의 초당 프레임 수는 13으로 기본 설정되어 있어요 이러한 초당 프레임 수를 interval 프로퍼티를 이용

HTML&css + jQuery 를 활용한 웹페이지 제작일지 29탄 [내부링크]

HTML&css + jQuery 를 활용한 웹페이지 제작일지 29탄 jQuery 이펙트 효과의 제어에 대하여 알아볼께요 jQuery 이펙트 효과의 제어란? 메소드를 사용하여 사용자가 직접 이펙트 효과를 제어할 수 있다. .delay() _ 실행 중인 큐 안에서 연속적으로 실행되는 이펙트 효과 사이의 지연 시간을 설정해요. .stop() _ 선택한 요소에서 실행 중인 모든 이펙트 효과를 즉시 중단되요 .finish() _ 선택한 요소에서 실행 중인 모든 이펙트 효과를 즉시 중지시키고, 선택한 요소가 포함된 큐까지 제거하여 모든 이펙트 효과를 전부 종료해요. 이펙트 효과의 지연 시간 설정 .delay() 메소드는 실행 중인 큐(Queue) 안에서 연속적으로 실행되는 이펙트 효과 사이의 지연 시간을 설정해요 아래와 같이 HTML 요소가 있을 때, <p><button>실행</button></p> <div class="HTML"></div> <div class="jQuery"></div>

HTML&css + jQuery 를 활용한 웹페이지 제작일지 21탄 [내부링크]

HTML&css + jQuery 를 활용한 웹페이지 제작일지 21탄!! jQuery 기타 탐색메소드 에 대하여 알아볼께요 .add() 메소드 .add() 메소드는 선택한 요소에 다른 요소를 추가로 선택해요 (: 아래와 같이 HTML 요소가 있을 경우! <p>HTML</p> <span>css</span> <div>jQuery</div> <p> 요소를 탐색하여 선택하고, 추가로 <div>를 선택하여 css 스타일을 설정해요 $("p").add("div").css({"border": "2px solid green"}); ※ .add() 메소드는 선택한 요소에 다른 요소를 추가로 선택하는 것이지, 새로운 요소를 추가하여 넣는 메소드가 아니에요 새로운 요소를 추가할 때는 .append(), preppend() 등을 사용해요. .addBack() 메소드 .addBack() 메소드는 마지막으로 선택한 요소를 이전의 요소를 추가로 선택해요. 먼저 <div id="after"> 요소에서 find()

HTML&css + jQuery 를 활용한 웹페이지 제작일지 22탄 [내부링크]

HTML&css + jQuery 를 활용한 웹페이지 제작일지 22탄!! jQuery 이벤트의 개념에 대하여 알아볼께요 jQuery 이벤트란? 사용자는 마우스를 움직이거나, 요소를 클릭하거나, 텍스트 박스에 글을 쓰는 등 수많은 종류의 동작(action)을 수행해요. 사용자의 동작들이 모두 이벤트(event)를 발생시켜요 즉, 이벤트가 발생했다는 것은 웹 페이지에서 특정 동작이 발생하여, 웹 브라우저가 그 사실을 알려주는 것을 의미해요. 이벤트 핸들러란? 웹 페이지에서는 수많은 이벤트가 계속해서 발생해요.특정 요소에서 발생하는 이벤트를 처리하기 위해서는 이벤트 핸들러(event handler)라는 함수를 작성하여 연결해야만 해요. 이벤트 핸들러가 연결된 특정 요소에서 지정된 타입의 이벤트가 발생하면, 웹 브라우저는 연결된 이벤트 핸들러를 실행해요. 이벤트 객체란? 이벤트 핸들러 함수는 jQuery에서 콜백될 때 이벤트 객체(event object)를 함수의 인자로 전달되요. 전달받은

HTML&css + jQuery 를 활용한 웹페이지 제작일지 18탄 [내부링크]

HTML&css + jQuery 를 활용한 웹페이지 제작일지 18탄!! jQuery 상위 요소의 탐색에 대하여 알아볼께요 상위(조상)요소의 탐색 DOM 트리에서 특정 요소의 부모(parent) 요소를 포함한 상위의 요소를 탐색하기 위한 메소드는 다음과 같아요. .parent() _ 선택한 요소의 부모(parent) 요소를 선택해요. .parents() _ 선택한 요소의 상위(ancestor) 요소를 모두 선택해요. .parentsUntil() _ 선택한 요소의 상위 요소 중에서 지정한 선택자에 해당하는 요소 바로 이전까지의 요소를 모두 선택해요. .closest() _ 선택한 요소를 포함한 상위 요소 중에서 지정한 선택자에 해당하는 요소 중 가장 첫 번째 요소를 선택해요. .parent() 메소드 .parent() 메소드는 선택한 요소의 부모(parent) 요소를 선택해요. 이때, 선택자를 인수로 전달하여, 전달받은 선택자에 해당하는 부모 요소만을 선택할 수도있어요. .parents

HTML&css + jQuery 를 활용한 웹페이지 제작일지 19탄 [내부링크]

HTML&css + jQuery 를 활용한 웹페이지 제작일지 19탄!! jQuery 하위 요소의 탐색에 대하여 알아볼께요 하위 요소의 탐색 DOM 트리에서 특정 요소의 자손(descendant) 요소를 탐색하기 위한 메소드는 다음과 같아요. .children() _ 선택한 요소의 자식(child) 요소를 모두 선택해요. .find() _ 선택한 요소의 자손(descendant) 요소 중에서 전달받은 선택자에 해당하는 요소를 모두 선택해요. .children() 메소드 .children() 메소드는 선택한 요소의 자식(child) 요소를 모두 선택해요. 이때, 선택자를 인수로 전달하여, 전달받은 선택자에 해당하는 자식 요소만을 선택할 수도 있어요, (: <ul>요소의 자식 요소를 모두 선택하고, 해당 요소의 CSS 스타일을 변경해요. $("ul").children().css({"border": "2px solid red"}); .find() 메소드 .find() 메소드는 선택한 요소

HTML&css + jQuery 를 활용한 웹페이지 제작일지 20탄 [내부링크]

HTML&css + jQuery 를 활용한 웹페이지 제작일지 20탄!! jQuery 형제 요소의 탐색에 대하여 알아볼께요 .siblings() 메소드 .siblings() 메소드는 선택한 요소의 형제(sibling) 요소 중에서 지정한 선택자에 해당하는 요소를 모두 선택해요. (※ - me 클래스를 가진 요소의 같은 선상에 요소를 모두 선택하여, 해당 요소의 CSS 스타일을 변경해요 $(".me").siblings().css({"border": "2px solid red"}); .next() 메소드 .next() 메소드는 선택한 요소의 바로 다음에 위치한 형제 요소를 선택해요 me 클래스를 가진 요소의 바로 다음 형제 요소 하나를 선택하여, 해당 요소의 CSS 스타일을 변경해요. $(".me").next().css({"border": "2px solid red"}); .nextAll() 메소드 .nextAll() 메소드는 선택한 요소의 다음에 위치한 형제 요소를 모두 선택해요 이때,

HTML&css + jQuery 웹 페이지 제작일지 14탄 [내부링크]

HTML&css + jQuery 를 활용한 웹페이지 제작일지 14탄!! jQuery 기초&문법 에 대하여 알아볼게요. jQuery 기초&문법 jQuery 란? 자바스크립트 라이브러리로 자바스크립트 언어에대하여 기본적인 지식이 필요해요. jQuery 기본문법 jQuery를 사용하면 아주 간편하게 HTML요소를 선택하고 선택된 요소에서 특정 동작을 설정 할수 있어요. - $(선택자).동작함수(); 달러표시는 jQuery를 의미해요 jQuery에 쉽게 접근할수 수 있게 하는 식별자에요. $()함수는 선택된 HTML 요소를 jQuery에서 사용할 수 있는 형태로 만들어주는 역할을 해요. $()함수의 인수로 HTML태그 이름뿐만 아니라. CSS선택자를 전달 하여 특정 HTML요소를 선택할수있어요. $()함수를 통해 만들어진 요소를 jQuery 객체라고 해요. -jQuery 객체의 메소드를 사용하여 여러 동작을 설정할 수 있어요. <jQuery> 기초&기본문법 에 대하여 알아보았어요. (이

HTML&css + jQuery 를 활용한 웹페이지 제작일지 15탄 [내부링크]

HTML&css + jQuery 를 활용한 웹페이지 제작일지 15탄! jQuery 선택자 에 대하여 알아볼께요 jQuery 선택자 jQuer 선택자란? jQuery에서는 CSS 선택자뿐만 아니라 몇몇 비표준 선택자까지도 사용할 수 있어요. 선택요소를 변수에저장 <ul> <li>HTML</li> <li>jQuery</li> <li>자바스크립트</li> </ul> <li>요소를 선택하여 변수에 저장하고 해당 변수를 사용하여 요소의 개수를 구할수있어요. var coffees = $("li"); $("#length").text("웹 페이지 제작일지 " + 프로그램 + "4가지 입니다."); 선택간 요소의 필터링 <ul> <li>HTML</li> <li>jQuery</li> <li>자바스크립트</li> </ul> 문서 내의 모든 <li>요소 중에서 <b>요소를 가지고 있는 요소만 선택하여 문장을 추가하고있어요. $("li:has(b)").append(" - 웹 페이지 제작일지입니다"); :

HTML&css + jQuery 를 활용한 웹페이지 제작일지 16탄 [내부링크]

HTML&css + jQuery 를 활용한 웹페이지 제작일지 15탄! jQuery 선택된 요소에 접근에 대하여 알아볼께요 getter메소드 & setter메소드 getter 메소드는 가장 '첫 번째 요소'의 값만을 반환할 것이에요 setter 메소드는 선택된 '모든 요소'에 인수로 전달된 값을 설정해줘요. .html() _ 해당 요소의 HTML 콘텐츠를 반환하거나 설정해요 .text() _ 해당 요소의 텍스트 콘텐츠를 반환하거나 설정해요 .width() _ 선택한 요소 중에서 첫 번째 요소의 너비를 픽셀 단위의 정수로 반환하거나 설정해요 .height() _ 선택한 요소 중에서 첫 번째 요소의 높이를 픽셀 단위의 정수로 반환하거나 설정해요 .attr() _ 해당 요소의 명시된 속성의 속성값을 반환하거나 설정해요 .position() _ 선택한 요소 중에서 첫 번째 요소에 대해 특정 위치에 존재하는 객체를 반환해요 (getter 메소드) .val() _ <form>요소의 값을 반환하거

HTML&css + jQuery 를 활용한 웹페이지 제작일지 17탄 [내부링크]

HTML&css + jQuery 를 활용한 웹페이지 제작일지 17탄!! jQuery 요소의 추가에 대하여 알아볼께요 요소의 내부 추가하는 방법 메소드를 사용하여요소의 내부에 새로운 요소나 콘텐츠를 추가할 수 있어요. .append() 메소드 선택된 요소의 마지막에 새로운 요소나 콘텐츠를 추가해요. $(target).append(source) .prepend() 메소드 선택한 요소의 첫번째에 새로운 요소나 콘텐츠를 추가한다. $(target).prepend(source) .appedndTo()메소드 메소드는 선택한 요소를 '해당 요소의 마지막'에 추가해줘요. .prependTo()메소드 .prepend() 메소드와 동일하지만, 소스(source)와 타겟(target)의 위치가 서로 반대로 되어 있어요. $(source).prependTo(target) source 객체를 target 객체의 첫 번째에 추가해요. .prepend() 메소드 $(target).prepend(source)

HTML&css + 자바스크립트 를 활용한 웹페이지 제작일지 13탄 [내부링크]

HTML&css + 자바스크립트 를 활용한 웹페이지 제작일지 13탄 포스팅 할게요! 추상클래스 or 테블릿 메서드 템플릿 메서드 추상 메서드나 구현된 메서드를 활용하여 전체 기능의 흐름을 정의하는 메서드로 final로 선언하면 하위클래스에서 재정의 할수없어요. 프레임 워크에서 많이 사용되는 설계 패턴이에요 추상클래스로 선언된 상위 클래스에 템플릿 메서드를 활용하여 전체적인 흐름을 정의하고 하위 클래스에서 다르게 구현되어야 하는 부분은 추상메서드로 선언해서 하위클래스가 구현되도록 해요 . 템플릿 메서드 구현 할 때 각 PlayerLevel 별 가능한 기능은 달라요 단, 기능의 순서는 run(), jump(), turn() 의 순서에요. 추상클래스 or 테블릿 메서드에 대하여 알아보았어요 다음 포스팅에 추가적인 예시 포스팅도 포함하겠습니당~~! (이 글은 Himedia c35412 님의 글입니다. )

HTML&css + 자바스크립트 를 활용한 웹페이지 제작일지 9탄 [내부링크]

HTML&JAVA script를 활용한웹페이지 제작일지 9탄을 포스팅 해볼께요~ 자바스크립트 기본 문법 변수란? 값이 여러 번 달라질 수 있는 데이터에요. 상수란? 값을 한번 지정하면 바뀌지 않는 데이터에요. 변수 선언의 규칙! 첫번째! 영어 문자, 언더스코어(...), 숫자를 사용해요. 두번째! 첫 글자는 영문자, 기호. $기호를 사용해요. ※ 띄어스기나 기호는 허용하지 않아요! ex_ now, _now25 (사용할 수 있음) ex_25now, now25 “now (사용할 수 없음) 영어 대소문자를 구별하여 예약어는 변수 이름으로 사용을 못해요. 여러 단어를 연결할 때는 하이픈이나 언더스코어를 사용할수 있고 중간에 대문자를 섞어 쓸 수도 있어요 ex) total-area, total_area, totalArea 등 변수 이름은 의미있게 작성해요. 변수 선언하기 let 뒤에 변수 이름 작성 let을 한번만 쓰고 뒤에 여러 개의 변수를 한꺼번에 선언가능해요. 기본형 let 변수명

하이미와 파이썬 입문! - 클래스(class)와 인스턴스 [내부링크]

'김범수' 는 실제로 존재하죠? 네, 여러분이 생각하시는 그 김범수랍니다. '박효신' 도 실제로 존재하죠? 두 사람 다 실제로 존재하는 사람입니다. 두 사람의 공통점은 무엇일까요? 여러 가지를 들 수 있겠지만 둘 다 '가수' 라는 공통점을 갖고 있지요. '가수' 라는 단 하나의 사람이나 물건이 실제로 존재할까요? 그렇지는 않습니다. 하지만 우리는 '노래 부르는 일을 직업으로 하는 대중문화인' 을 '가수' 라고 지칭하죠? 이런 것을 일컫는 말이 클래스(class) 입니다. 우리 말로 옮기기는 쉽지 않지만 '부류' 라는 의미로 생각하시면 좋을 것 같아요. 다른 예를 들어볼까요? '감자' 는 클래스이구요, '내가 어제 먹은 감자 열 개 중에 첫 번째 감자' 라고 콕 찍어서 말해주면 실체(instance) 로 볼 수 있습니다. '좋은 감자' 는 실체일까요? 어느 한 감자만을 콕 찍어서 '좋은 감자' 라고 하기는 힘들 것 같죠? 그럼 '내 손에 있는 감자' 는 실체일까요? 그건 실체라고 해도

하이미와 파이썬 입문! - 재귀적 호출 [내부링크]

이번에 배울 것은 새로운 파이썬 문법은 아니구요, 프로그램을 짜는 테크닉 중의 한 가지인데 조금 머리가 아플 수도 있는 내용이랍니다. 하지만 최대한 쉽게 알려드릴 테니까 너무 걱정 마시고 함께 알아보도록 할까요? 함수가 자기 자신을 호출하는 '재귀' 혹은 '순환' 이죠? 아래 예제를 한 번 살펴볼까요? 먼저 주어진 두 수를 합하는 함수를 만들어보겠습니다. >>> def hap(a, b): ... print(a + b) ... 제대로 만들었는지 확인을 해보는 것이 중요하겠죠? 확인해보셨으면 두 수를 곱하는 함수도 만들어볼까요? >>> def gop(a, b): ... print(a * b) ... 그럼 이번엔 두 수를 합해보고 곱해보고, 두 가지 일을 다하는 함수도 만들어 보겠습니다. >>> def hap_gop(a, b): ... hap(a, b) ... gop(a, b) ... 이 함수는 자기에게 맡겨진 일을 직접 수행하지 않고 다른 함수들에게 시키죠? 다시 말하면, 이 함수는 h

HTML&css + 자바스크립트 를 활용한 웹페이지 제작일지 10탄 [내부링크]

HTML&JAVA script를 활용한웹페이지 제작일지 10탄을 포스팅 해볼께요~ 문서 객체 모델 알아보기 문서 객체 모델이란? 자바스크립트를 이용하여 웹 문서에 접근하고 제어할 수있도록 객체를 사용하여 웹 문서를 체계적으로 정리하는 방법이에요. 웹 문서와 그 안의 모든 요소를 ‘객체’로 인식하고 처리해요. ex) 웹 문서 전체는 document 객체, 삽입한 이미지는 image 객체에요. DOM 트리란? 웹 문서에 있는 요소들 간의 부모, 자식 관계를 계층 구조로 표시해요 나무 형태가 되기 떄문에 DOM 트리라고 해요~~ 노드란? DOM 트리에서 가지가 갈라져 나간 항목이에요! (: 루트 노트란? - DOM 트리의 시작 부분이에요! (html) DOM을 구성하는 원칙! 모든 HTML 태그는 요소 노드예요 웹 문서의 텍스트 내용은 요소 노드의 자식 노드인 텍스트 노드라고 해요~ 태그의 속성은 요소 노드의 자식 노드인 속성 노드에요. 주석은 주석 노드라고 해요. DOM 요소에 접근하기

HTML&css + 자바스크립트 를 활용한 웹페이지 제작일지 11탄 [내부링크]

HTML&JAVA script를 활용한웹페이지 제작일지 11탄을 포스팅 해볼께요~ 배열과 Array List 배열은 왜? 사용해야될까? 정수 20개를 이용한 프로그램을 할 때 20개의 정수 타입의 변수를 선언해야되요! 배열 선언하기 자료형 [] 배열이름 = new 자료형[개수]; int [] arr = new int [10]; 자료형 배열이름 [] = new 자료형 [개수]; int arr [] = new int [10]; 배열 초기화 선언과 동시에 초기화 할수 있어요. 초기화 할때는 배열의 개수를 명시하지 않아요. int[ ] studentIDs = new int[ ] {101, 102, 103}; //개수는 생략할수 있어요! int[ ] studentIDs = new int[3] {101, 102, 103}; //오류가 발생해요! int[ ] studentIDs = new int[3] {101, 102, 103}; //int형 요소가 3개인 배열이 생성되요. 초기화 값이 없이 선

하이미와 파이썬 입문! - 모듈 가져오기 (import) [내부링크]

오늘은 모듈을 어떻게 불러오는지 알아보도록 할까요? 예전 시간에 해보셔서 대충은 알고 계시겠지만 import를 사용하면 모듈을 불러올 수 있답니다. import는 '수입하다', '가져오다'라는 뜻을 갖고 있구요, 컴퓨터에서는 다른 프로그램으로부터 데이터를 갖고 오는 것을 뜻하죠? 그럼 지금부터 파이썬에서 임포트를 하는 방법 두 가지를 알아볼까요? 1. import 모듈 2. from 모듈 import 이름 첫 번째 방법은 모듈 전체를 가져오는 방법인 반면, 두 번째 방법은 모듈 내에서 필요한 것만 콕 찍어서 가져오는 방법이죠? 두 방법을 비교해볼까요? 예전 시간에 소개해드린 tk inter(티 케이 인터) 모듈을 두 가지 방법으로 임포트해보겠습니다. >>> import tkinter >>> tkinter.widget = tkinter.Label(None, text='I love Python!') >>> tkinter.widget.pack() 첫 번째 방법으로 모듈을 불러오면 모듈 내

HTML&css + 자바스크립트 를 활용한 웹페이지 제작일지 12탄 [내부링크]

HTML&css + 자바스크립트 를 활용한 웹페이지 제작일지 12탄!!포스팅 해볼께요~! 자바스크립트 [상속과 다향성] 클래스 정의란? 클래스를 정의할 때 이미 구현된 클래스를 상속 받아서 속성이나 기능이 확장되는 것을 클래스가 구현해요! 상속 하는 클래스 : 상위 클래스, parent class, base class, super class 상속 받는 클래스 : 하위 클래스, child class, derived class, subclass 클래스 상속 문법 class B extends A { } 상속이란? 상위 클래스는 하위클래스보다 일반적인 의미를 가져요 하위 클래스는 상위클래스보다 구체적인 의미를 가져요. (: ※ extends 뒤에는 단 하나의 class 만 사용할수 있어요! super 예약어 this 가 자기 자신의 인스턴스의 주소를 가지는 것처럼 super는 하위 클래스가 상위클래스에 대한 주소를 가지게 되요. 하위 클래스가 상위클래스에 접근할 때 사용할수 있어요. 상위

하이미와 파이썬 입문! - 컬렉션 (Dictionary) [내부링크]

안녕하세요~ 오늘은 날씨가 살짝 따뜻하죠? 날씨가 따뜻해도 코로나에.. 미세먼지에.. 너무 걱정이 되어서 밖에 나가기가 꺼려지는 것 같아요 ㅜ.ㅠ 이번 시간엔 딕셔너리라는 자료형이 어떤 쓸모가 있는지 알아보도록 할건데요. 딕셔너리도 리스트, 셋, 튜플처럼 집합 데이터를 저장하기 위한 타입이지만 빠른 검색을 지원하기 위해서 키와 함께 저장한다는 차이점이 있답니다. 따라서 리스트, 셋, 튜플은 값만 저장하지만 딕셔너리는 값을 구분할 수 있는 키를 함께 저장하는데요. 키는 중복된 값을 할당할 수 없고 변경도 할 수 없답니다. 하지만 값은 중복도 허용하고 변경도 가능한데요. 딕셔너리의 속성은 아래와 같답니다. 키와 함께 값을 저장한다. 키는 유일해야하고, 즉 중복을 허용하지 않고, 변경할 수 없다. 값의 타입은 파이썬에서 사용되는 모든 타입이 가능하다. 키의 타입은 변경이 안되는 숫자, 문자열, 튜플 등만 가능하고 리스트나 셋은 불가능하다. 값은 중복 및 변경이 가능하다. 요소의 추가, 변

HTML&css : 웹 페이지 제작일지 4탄 [내부링크]

HTML&css를 활용한 웹페이지 제작일지 4탄을 포스팅 해볼께요~ css 박스 모델을 위한 스타일 블록 레벨 요소 요소를 삽입 했을 때 혼자 한줄을 차지하는 요소에요; (: 요소의 너비가 100% ex) <div>,<p> 인라인 레벨 요소 줄을 차지하지 않는 요소 에요. 화면에 표시되는 콘텐츠만큼만 영역을 차지하고 나머지 공간에는 다른 요소가 올수 있어요, ex) <img>,<strong> <h3> 박스 모델이란?. </h3> <p> 박스 모델이란?. </p> <p> 박스 모델이란?... <span> 박스 모델이란?...</span></p> <!DOCTYPE html> <html lang="ko"> <head> <meta charset="uft-8"> <title>블록 레벨과 인라인 레벨 </title> </head> <body> <h3> 시간이란..</h3> <p> 내일 죽을 것처럼 오늘을 살고 </p> <p> 영원히 살아라 <span style="color;red"></span

HTML&css : 웹 페이지 제작일지 5탄 [내부링크]

HTML&css를 활용한웹페이지 제작일지 5탄을 포스팅 해볼께요~ HTML5&비디오 코덱 HTML5&비디오 코덱 인코딩 : 원본 비디오를 컴퓨터에서 사용할수 있는 비디오 파일로 변환하는 요소에요. 디코딩 : 컴퓨터 비디오 파일에 있는 비디오 정보를 가져와 플레이어에 보여주는 역할을 해요. 비디오 코덱 : 인코딩 과 디코딩 수행, HTML5에서는 브라우저에서 직접 재생가능한 비디오 코덱만 적용이 되요. <audio> 태그 배경 음악이나 효과음 등 오디오를 재생할 때 사용하는 태그에요. (:브라우저에서 mp3 지원해요. <audio src="오디오 파일 경로“ [속성] [속성=”속성 값“]></audio> autoplay _ 오디오 자동재생 controls _ 웹 화면에 컨트롤 막대를 표시 / 컨트롤 막대는 재생or멈춤,진행바, 볼륨 등이 표시. loop _ 오디오를 재생해 진행 하지만 소리는 끄는 언어에요. preload _ 재생 버튼을 눌러 재생하기 전에 오디오 파일을 다운로드해 준

HTML&css : 웹 페이지 제작일지 6탄 [내부링크]

HTML&css를 활용한웹페이지 제작일지 6탄을 포스팅 해볼께요~ css 플렉스 박스 레이아웃 플렉스 박스 = 부모 박스 부모 박스를 이용하면 가변적이 박스를 아주 쉽게 만들 수 있어요. 박스 기술이 등장하기 전에는 박스의 배치 순서를 바꾸는게 불가능했는데 이기술로 인해 유연하게 작동하는 박스를 제작할수 있게 되었어요~~!! ‘플렉스 박스’ or 플렉서블 박스를 작동해요 플렉서블 박스에서 부모 박스는 가변적인 박스로 작동하기 위한 기본개념이에요. 마치 wrap처럼 모든 요소를 감싸고 있는 존재에요. 이 부모 박스에 플렉서블 박스에서 새로 생긴 특정 속성값을 적용해야 가변적인 박스로 작동하게 되요 플렉서블 박스의 자식박스 = 플렉스 아이템 부모 박스가 속성값이 적용되어 가변적인 박스로 작동하는 순간부터 플렉서블 박스로 불리듯이 자식 박스 역시 속성값에 의해 작동한는 순간부터 플렉스 아이템이라고 해요, 플렉서블 박스의 축-주축과 교차 축 플렉서블 아이템을 지탱하기 위한 기둥과 같은 존재

HTML&css : 웹 페이지 제작일지 7탄 [내부링크]

HTML&css를 활용한웹페이지 제작일지 7탄을 포스팅 해볼께요~ css 반응형 웹 1 반응형 웹이란? pc,tv 내비게이션, 스마트 기기등 기기마다 또는 환경마다 최적화된 웹 사이트를 제공해 주어요. 미디어 쿼리란? 컴퓨터나 기기에게 "너는 어떤 종류의 미디어니? or "미다어의 화면 크기는 어느정도나 되니?' 미디어엑 질문하고 감지하여 웹사이트를 변경하는 기술 이에요. 뷰포트란? 화면에 보이는 영역을 제어하는 기술 미디어 쿼리로 수많은 기기의 화면 크기를 감지해야 할때 꼭!! 필요해요~ 데스트톱은 사용자가 지정한 해상도에 따라 보이는 영역이 결정되지만 스마트 기기는 기본 설정값이 자동으로 보이는 영역이에요 미디어 쿼리란? @media [only 또는 ont] [미디어 유형] [and or , 콤마] (조건문){실행문} only 키워드는 미디어 쿼리를 지원하는 브라우저에서만 미디어쿼리를 해석하게 해주는 키워드에요. (: not 키워드는 not 다음에 따라오는 조건을 부정하는 키워드

하이미와 파이썬 입문! - 딕셔너리 생성, 요소 접근 [내부링크]

1. 딕셔너리 생성하기 딕셔너리는 { } 로 생성사고, 그 안에 키와 값들을 나열하는데, 키와 값을 한 쌍으로 표현하기 위해 콜론 ( : ) 으로 묶어준답니다. 아래 예시를 볼까요? {key1:val1,key2:val2,key3:val3,...} 위의 코드에서 key1 과 val1 은 한 쌍으로 key1 은 키, val1 은 저장할 값이며 값에 접근할 때 키를 사용한답니다. 2. 딕셔너리 { } 로 생성하기 사진 1 사진 2 사진 3 사진 4 3. 딕셔너리 dict( ) 로 생성하기 사진 5 딕셔너리의 잘못된 생성 딕셔너리의 값은 타입에 제한이 없지만 키는 변경할 수 없는 타입이어야 한답니다. 사진 6 4. 빈 딕셔너리 생성하기 사진 7 5. 딕셔너리 요소 접근하기 딕셔너리의 각 요소에 접근하는 방법은 키로 접근하는 방법과, 딕셔너리 내부의 이터레이터 (반복자) 를 사용하는 방법이 있는데요. 키로 접근하는 방법은 dictionary [key] 처럼 [ ] 안에 키 이름을 작성하는데,

HTML& : Javascript웹 페이지 제작일지 8탄 [내부링크]

HTML&JAVA script를 활용한웹페이지 제작일지 8탄을 포스팅 해볼께요~ 자바스크립트 웹 표준 웹 문서 안에 자바스크립트 작성하기 <script> 태그와 </script> 태그 사이에 자바스크립트 소스 작성 자바스크립트 소가 있는 위치에서 실행됨. 웹 문서 안의 어디든 위치할 수 있지만 _ 주로 </body> 태그 앞에 작성 외부 스크립트 파일 연결해서 작성하기 자바스크립트 소스를 별도의 파일(“js)로 저장한 후 웹 문서에 연결 <script src="외부 스크립트 파일 경로“></script> <!DOCTYPE html> <html lang="ko"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial=1"> <title>글자색 바꾸기</title> <style> body { text-align: center; } #heading { color: blue;} #tex

하이미와 파이썬 입문! - 숫자 처리 함수 (수학 함수 표 정리) [내부링크]

파이썬은 수학적 계산을 할 수 있는 많은 함수를 제공하고 있는데요. 표로 정리를 해서 깔끔하게 알아보려고 해요. 그럼 시작해볼까요? 수학 함수 함수명 설명 예 abs(x) X의 절대값을 반환 >>> print(abs(-15)) 15 max(a, b, c, ...) 파라메터 중 가장 큰 값을 반환 >>> print(max(4, 8, 2, 7, 1)) 8 min(a, b, c, ...) 파라메터 중 가장 작은 값을 반환 >>> print(min(4, 8, 2, 7, 1)) 1 pow(x, y) x ** y 의 결과를 반환 >>> print(pow(2, 3)) 8 rund*x,[, y]) x를 소수점 1자리에서 반올림해 정수를 반환. y를 지정하면 y 한 자리 밑에서 반올림해 소수점 자릿수를 y로 맞춰 반환 >>> print(round(3.145)) 3 >>> print(round(3.145, 2) 3.15 ceil(x) x보다 작지 않은 가장 작은 정수를 반환 >>> import mat

하이미와 파이썬 입문! - 함수 (1) [내부링크]

함수를 사용하는 이유는? 프로그래밍을 하다 보면 똑같은 내용을 반복해서 작성하고 있는 여러분을 발견할 때가 종종 있으시죠? 이때가 바로 함수가 필요한 때인데요. 즉 반복되는 부분이 있을 경우 "반복적으로 사용되는 가치 있는 부분"을 한 뭉치로 묶어서 "어떤 입력값을 주었을 때 어떤 결괏값을 돌려준다."라는 식의 함수로 작성하는 것이 현명하겠죠? 함수를 사용하는 또 다른 이유는 자신이 만든 프로그램을 함수화하면 프로그램 흐름을 일목요연하게 볼 수 있기 때문인데요. 마치 공장에서 원재료가 여러 공정을 거쳐 하나의 상품이 되는 것처럼 프로그램에서도 입력한 값이 여러 함수를 거치면서 원하는 결괏값을 내는 것을 볼 수 있답니다. 이렇게 되면 프로그램 흐름도 잘 파악할 수 있고 오류가 어디에서 나는지도 바로 알아차릴 수 있으시겠죠? 함수를 잘 사용하고 함수를 적절하게 만들 줄 아는 사람이 능력 있는 프로그래머랍니다. 파이썬 함수의 구조 파이썬 함수의 구조는 다음과 같다. def 함수명(매개변수

하이미와 파이썬 입문! - 함수 (2) [내부링크]

매개변수 지정하여 호출하기 함수를 호출할 때 매개변수를 지정할 수도 있답니다. >>> def add(a, b): ... return a+b ... 앞에서 알아본 add 함수이죠? 이 함수를 다음과 같이 매개변수를 지정하여 사용할 수 있답니다. >>> result = add(a=3, b=7) # a에 3, b에 7을 전달 >>> print(result) 10 매개변수를 지정하면 다음과 같이 순서에 상관없이 사용할 수 있다는 장점 또한 있답니다. >>> result = add(b=5, a=3) # b에 5, a에 3을 전달 >>> print(result) 8 입력값이 몇 개가 될지 모를 때는 어떻게 해야 할까? 입력값이 여러 개일 때 그 입력값을 모두 더해 주는 함수를 생각해 볼까요? 하지만 몇 개가 입력될지 모를 때는 어떻게 해야 할까요? 파이썬은 이런 문제를 해결하기 위해 아래와 같은 해결책을 고안해 놓았는데요. def 함수이름(*매개변수): <수행할 문장> ... 일반적으로 볼 수

하이미와 파이썬 입문! - 컬렉션 (Set) [내부링크]

컬렉션은 파이썬 뿐만 아니라 C++이나 자바 등 많은 객체 지향 언어에서 제공하는 API 로, 여러 형태의 집합 데이터를 쉽게 다룰 수 있는 방법을 지원한답니다. 여기에서 파이썬은 컬렉션으로 셋 (Set), 튜플 (Tuple), 딕셔너리 (Dictonary) 를 제공하는데요. 셋, 튜플, 딕셔너리는 각각 사용하는 데이터의 형태와 수정, 삭제 등의 동작도 다르므로 처리하려는 집합 데이터의 특징에 따라 선택해 사용할 수 있답니다. 그럼 지금부터 파이썬의 컬렉션에 대해 한 번 공부해볼까요? 셋 (Set) 셋은 변하지 않고 중복되지 않는 값들을 저장하는데 사용되는 컬렉션인데요. 고등학교 수학 시간에 배운 집합을 떠올리시면 이해하시기 쉬울거랍니다. 셋은 다양한 타입을 저장할 수 있지만 요소의 인덱스가 없으므로 특정 위치의 요소에 직접 접근하는 것이 불가능한데요. 아래 사진 1을 한 번 살펴볼까요? 사진 1 물론 값이 꼭 숫자 타입일 필요는 없답니다. 셋의 요소는 숫자, 문자열, 튜플 등 값이

하이미와 파이썬 입문! - 컬렉션 (Tuple) [내부링크]

안녕하세요~ 요즘 미세먼지가 너무 극성이죠? 이번 시간엔 튜플이라는 자료형이 어떤 쓸모가 있는지 알아보도록 할건데요. 튜플도 셋이나 리스트처럼 값을 여러 개 저장할 수 있는 컬렉션이랍니다. 하지만 한 번 만들어진 튜플에 요소를 추가하거나 삭제, 변경하는 것은 불가능하답니다. 셋은 요소의 변경이 안되고 요소를 추가, 삭제하는 것은 가능했죠? 튜플은 이러한 모든 것이 불가능하답니다. 단, 우회적인 방법으로 요소를 수정하는 것은 가능한데요. 튜플은 여러 변수에 다양한 값으로 한 번에 초기화하거나 함수의 리턴 값 전달에도 사용된답니다. 튜플의 속성은 다음과 같아요! 튜플은 고정된 집합 데이터를 저장하고, 변경을 허용하지 않는다. 튜플은 요소를 추가, 수정, 삭제할 수 없지만 우회적으로 요소 변경은 가능할 수 있다. 튜플은 인덱스를 사용해 요소에 접근할 수 있다. 영어의 Tuple을 '튜플' 혹은 '터플'이라고 읽는답니다. 감이 잘 안 잡히시는 분들은 리스트와 비슷한 자료형이라는 정도만 알고

HTML&css : 웹 페이지 제작일지 2탄 [내부링크]

HTML&css를 활용한 웹페이지 제작일지 2탄을 포스팅 해볼께요~~ CSS 텍스트 관련 스타일!! font-family 속성에 대해 먼저 알아보도록 할께요~ font-family<한초롬바탕>,<한초롬바탕>, 웹 문서에서 사용할 글꼴 지정 <body> 태그를 비롯해<p> 태그나 <h> 태그처럼 텍스트를 사용하는 요소들에 사용해요~~ 웹 문서에서 글꼴을 지정할 때는 한가지 글꼴만 지정하지만! 지정한 글꼴이 없을 경우 대비하여 두번째 ,세번째 글꼴까지 지정해주어요~ (: - 둘이상의 굴꼴 이름을 지정할때는 쉼표(,)로 글꼴를 구분지어요. body { font-family;"맑은고딕",돋움,굴림 } font-family 속성은 상속되기 때문에 <body>태그 스타일에 한번 정의 하면 문서 전체에 적용되고 문서 안의 모든 자식요소에서 계속 같은 글꼴이 사용되요. [ 부모 요소와 다른 글꼴을 사용하고 싶다면 태그 스타일이나 클래스 스타일을 이용해 해당 요소에서 다른 글꼴을 선택해요. 이번에는

HTML&css : 웹 페이지 제작일지 3탄 [내부링크]

HTML&css를 활용한 웹페이지 제작일지 3탄을 포스팅 해볼께요 ~~ 색상과 배경을 위한 스타일~~!! background-color 속성 background-color:<속성> 웹 문서의 요소에 배경색 지정하는 속성이에요. (: 16진수나 rgb 값, 또는 색상 이름 사용 ↓ background-color:#00ff00; → 16진수: 세밀히 색상을 조절 가능해요. background-color:rgb{0,255,0}; → rgba: 필요하면 투명도도 함께 조절 가능해요~ background-color:green; → 색상 이름 : 원색 사용 * 배경 색은 상속되지 않아요~~ * css 색상과배경을 위한 스타일에 대하여 알아보았어요 ^ㅁ^ (: 이번 포스팅을 간단하게 했어요~~ (이 글은 c35412 님의 글입니다. )

포토샵 누끼따기의 모든 것 (4/5) - GTQ 3종 선택 (웹디자인 강좌 연재)(028) - 하이미디어 분당 포토샵 학원 [내부링크]

안녕하세요, 이번 시간에는 GTQ 3종 선택 세트를 다루어 볼게요~ 개체 선택, 빠른 선택, 마술 봉 선택은 GTQ 시험에서 굉장히 많이 쓰이는 선택 도구들입니다. 컴퓨터 그래픽스 운용 기능사 시험을 칠 때에 시간이 부족할 때에도 사용합니다~ 세밀한 작업을 요구하는 현업에서는 선택을 할 때 '누끼따기'라는 용어를 쓰며 패스 셀렉트를 주로 사용하지만, 이번 시간에 배울 3종 선택 기능과 저번 시간에 배운 퀵마스크 기능을 함께 활용하면 어느 정도 세밀한 선택을 할 수 있습니다~ 1. Object Selection Tool Object Selection Tool(개체 선택 도구)는 CC 버전에서 새로 추가된 선택 도구입니다. 지난 시간에 배운 피사체 선택(Select - Subject)과 비슷한 기능을 하지만 선택의 범위를 정할 수 있는 개체 선택 도구 자체가 더 강력한 기능을 제공합니다. GTQ 1급 4번 문제를 예시로 들어서 설명해 드릴게요. 이 문제의 일부를 3종 선택 도구를 이용하

포토샵 누끼따기의 모든 것 (3/5) - 변형모드·퀵마스크 (웹디자인 강좌 연재)(027) - 하이미디어 모란 포토샵 학원 [내부링크]

안녕하세요 우리, 포토샵의 Select 메뉴를 보고 있었죠? 저번 시간에 Grow와 Similar까지 보았으니 이제 그 다음은 Transform Selection 입니다~ 선택된 부분을 변형모드로 진입시키는 기능이에요. 보통은 Ctrl + T를 통해 변형모드로 진입시킵니다. 변형 모드는 앞으로 자주 쓰게 될 아주 아주 중요한 기능입니다! 변형 모드 상태가 되면 선택된 부분의 이동이 가능해지고요, 저 주변의 8개의 사각형 점을 끌고 옮김으로써 도형의 크기를 조절할 수 있습니다~ 변형 모드를 나가는 방법은 두 가지가 있는데 Enter 키를 누르면 변형된 상태가 저장 되면서 나가지고, Esc 키를 누르면 변형된 상태가 취소되면서 나가집니다. 주변의 8개의 사각형을 모양의 점을 끌고 옮기면 확대 축소가 이루어집니다. 가로 세로 비율이 같게 조절이 되어 이미지가 왜곡되지 않으므로, GTQ, 컴퓨터 그래픽스 기능사 시험에서는 확대 축소가 있다면 99% 이렇게 수정하셔야 합니다. (포토샵 CS

컴퓨터 Windows 완전 기초 (1/2) (웹디자인 강좌 연재)(014) - 하이미디어 성남 컴활 학원 [내부링크]

안녕하세요 여러분? 이제 사이트의 컨셉도 잡았으니 본격적으로 컴퓨터를 사용해볼 거예요. 그런데 사실 교육 현장에서 있다보면 정말 다양한 분들께서 학생으로 오십니다. 그리고 그 분들 중에는 컴퓨터 사용 자체에 어려움을 호소하시는 분도 계십니다. 그래서 앞으로 몇 시간 정도는 컴퓨터와 워드, 이미지 편집 기초를 다룰 거예요. 만약 이 부분에 대해 숙련되신 분은 기초 강좌 몇 강을 건너뛰셔도 괜찮습니다. Windows 활용 이 부분은 컴퓨터활용능력(컴활)의 Windows 단원을 다룹니다. Windows 단원의 모든 부분을 다루진 않고 웹디자인에 필요한 부분만 다룰 거예요. 이번 시간에 다룰 부분들의 목록을 먼저 보여드릴게요~ (1) 작업 표시줄 시작단추 검색영역 빠른실행 / 실행 중인 프로그램 시스템트레이 입력도구모음 알림영역 바탕화면보기 (2) 시작메뉴 최근에 추가한 앱 앱 목록 계정 버튼 설정 버튼 전원 버튼 프로그램 목록 (3) 파일 탐색기 보기 → 레이아웃 폴더 만들기 휴지통 복수

아래아 한글워드 완전 기초 (1/2) (웹디자인 강좌 연재)(016) - 하이미디어 모란 컴활 학원 [내부링크]

오늘부터 두 시간은 ᄒᆞᆫ글 워드프로세서 기초를 다룰 거예요. 지금까지 컴활과 관련된 내용을 다루었다면 이번부터는 워드프로세서의 영역입니다. 컴활은 워드가 아닌 윈도우 활용이 포함된 컴퓨터 일반, 스프레드시트(엑셀), 데이터베이스(엑세스)로 이루어져 있기 때문이죠. 이번 시간에 배울 목록은 다음과 같습니다. (1) 파일 메뉴 새 문서 불러오기 저장하기 인쇄 (2) 편집 메뉴 실행취소 다시실행 잘라내기/복사하기/붙여넣기 모두선택 찾기 (3) 줄바꿈(문단) (4) 하이퍼링크 (5) 이미지 넣기 (6) 리스트 넣기 (7) 헤딩 스타일 (8) 테이블 아래아 한글 워드프로세서는 예전부터 '한글 97', '한글 2007' 등으로 불려왔던 워드프로세서입니다. 워드프로세서라는 것은 문서 작성 기계로, 현재는 문서 작성 프로그램으로 대체된 상태입니다. 아래아 한글 워드프로세서는 '한글과컴퓨터'라는 회사에서 제작한 프로그램으로 MS Word와 함께 우리나라에서 많이 쓰이고 있습니다. 기본적으로 아래아

컴퓨터 Windows 완전 기초 (2/2) (웹디자인 강좌 연재)(015) - 하이미디어 분당 컴활 학원 [내부링크]

자, 이번 시간에는 저번 시간에 이어 컴활 Windows의 활용에 대해서 계속 다루어 볼 거예요. 이번 시간에 배울 목록은 다음과 같습니다. (5) 메모장 파일 메뉴 편집 메뉴 (6) 제어판 / 설정 글꼴 디스플레이 프로그램 및 기능 (7) 작업 관리자 프로그램 강제 종료 (8) 파일 탐색기 옵션 (폴더 옵션) 확장명 (9) 파일 압축 압축하기 압축 풀기 (5) 메모장 먼저 메모장(Notepad)은 작업 표시줄에 있는 검색 영역에 '메모장'이라고 치고 검색하시면 실행하실 수 있어요. '메모장'이라는 프로그램 자체는 코딩을 하거나 메모를 적는데 사용되었던 간단한 프로그램인데요, 현재는 코딩을 위해 메모장보다는 VS Code나 Notepad++ 같은 더 전문적인 프로그램들이 사용되고 있어요. 메모장에서 '파일'이라고 되어 있는 곳을 누르시면 위와 같이 메뉴가 열립니다. '파일 → 새로 만들기'는 새로운 파일을 만들 때에 쓰여요. '파일 → 열기'는 여러가지 파일들을 메모장으로 열 때에

비전공자! 웹 퍼블리셔 도전기 3탄 [내부링크]

css3 기초문법 지난 시간에 스타일 시트를 알아보았는데요~ 이번에는 css3의 핵심! 주요 선택자를 가지고 왔어요~ 전체 선택자? * 페이지에 있는 모든 요소를 대상으로 스타일을 적용할떄 사용 다른 선택자와 함께 모든 하위 요소에 한꺼번에 적용하려고 할때 주로 사용! *{속성:속성 값: 속성:속성 값:...} ex) *{ margin:0; padding:0; } 태그 선택자 문서에서 특정 태그를 사용한 모든 요소에 스타일이 적용됨 태그 {스타일} <head> <title> 주요 선택자 정리 </title> <style> h2{ color:boue; } 클래스(class) 선택자 문서 안에서 여러 번 반복할 스타일이라면! 클래스 선택자로 정의 [마침표.] -다음에 클래스 이름 지정 <style> h2.accent { background-color:#222; color:#fff; padding;5px; } <h2 class="accent">css3 선택자 정리</h2> <h2 clas

HTML&css : 웹 페이지 제작일지 [내부링크]

HTML&css를 활용한 웹 페이지 제작일지 포스팅을 해볼꺼에요!! CSS 레이아웃 구도잡기!! 먼저 헤더를 만들기 위해 (:아래 코드를 참고 해주세요오~~ <body> <div class="header"> <h1>My Website</h1> <p>Resize the browser window to see the effect</p> </div> <div class="topnav"> <a href="#">Link</a> <a href="#">Link</a> <a href="#">Link</a> <a href="#">Link</a> <a href="#">Link</a> <a href="#" style="float:right">Link</a> <a href="#" style="float:right">Link</a> <a href="#" style="float:right">Link</a> <a href="#" style="float:right">Link</a> <a href="#" styl

하이미와 파이썬 입문! - 문자열 (2) [내부링크]

파이썬의 변수에 할당된 문자열은 변경이 불가능한 상수인데요. "abc" 같은 문자열 리터럴 값은 파이썬 이외의 다른 언어들도 상수로 처리하기 때문에 데이터 자체를 수정하는 것은 불가능하답니다. 코드 메모리 참조값 a = "abc" → "abc" 100 a → 100 예를 들어 변수 a 에 문자열 "abc" 를 할당하면 a 에는 문자열 값이 저장되는 것이 아니라 "abc" 가 저장된 메모리의 참조값이 저장된답니다. 위의 표는 이를 보여주는데 오른쪽 메모리에 "abc" 문자열이 저장되어 있고, 이 메모리의 참조값이 100 이라고 가정했죠? 참조값은 메모리의 특정 위치를 찾아 갈 수 있는 유일한 값으로 주소값과 비슷하다고 할 수 있는데요. 왼쪽 코드를 보면 변수 a 에 문자열 "abc" 를 할당하는데, 이 코드의 실제 실행은 변수 a 에 문자열이 직접 저장되는 것이 아니라 "abc" 가 저장된 메모리의 참조값이 할당됩니다. 이 때, 문자열 "abc" 는 상수이기 때문에 변경은 불가능한데요

하이미와 파이썬 입문! - 문자열 함수 총정리 (표) [내부링크]

이스케이프 문자열 이스케이프 문자는 \로 시작하기 때문에 컴파일 시 \를 만나면 이스케이프 문자로 처리하게 된답니다. 이스케이프 문자 설명 예 \\ 역 슬래시 - \ >>> print("C:\\myDir\\a.txt") C:\myDir\a.txt \" 큰 따옴표 - " >>> print("str=\"abc\"") str="abc" \' 작은 따옴표 - ' >>> print("str=\"def\"") str="def" \a 비프음 >>> print("abc\vdef") abcedf \b 백스페이스 - BS 커서 위치를 한 칸 뒤로 이동 >>> print("abc\vdef") abcdef \f 폼피드 - FF 커서 위치를 다음 페이지 시작으로 이동 >>> print("abc\vdef") abcdef \n 라인피드 - LF 커서 위치를 다음 줄로 이동 >>> print("abc\vdef") abc def \r 캐리지 리턴 - CR 커서 위치를 현재 라인 시작으로 이동 >>> print("

하이미와 파이썬 입문 - 숫자 타입의 종류 [내부링크]

온도, 습도 등 센서가 전달하는 데이터나 학생들의 점수, 혹은 회사 직원들의 월급이나 부서 코드 등의 데이터들은 프로그램에서 흔히 사용하는 데이터로 숫자 타입의 대표적인 예시인데요. 숫자 타입의 데이터는 부서 코드처럼 정수 타입을 사용할 수도 있고, 센서가 전달하는 정밀한 실수값이 필요할 수도 있답니다. 이번 시간엔 파이썬에서 다양한 종류의 숫자를 다루는 방법, 즉 숫자의 종류와 서식 지정 방법, 숫자와 관련된 함수들에 대해 알아보도록 하겠습니다. 숫자 타입의 종류 파이썬은 숫자 타입으로 정수(int), 실수(float), 복소수(complex), 불린(bool) 타입을 제공한답니다. int 정수 타입 정수를 표현하는 타입으로 10, 23, 450 등의 값을 처리할 수 있답니다. 파이썬 3.x 버전부터는 int 타임의 크기 제한이 없어진 것이 특징이라고 할 수 있겠네요. 사진 1 float 실수 타입 3.14 와 같이 소수점까지 표현하는 정밀도가 있는 값은 float 타입으로 처리할

하이미와 파이썬 입문! - 숫자 처리 함수 (형 변환) [내부링크]

연산 시 피연산자들의 타입이 서로 다를 경우, 피연산자들의 타입을 하나로 통일한 뒤에 연산을 수행하게 되는데요. 이렇게 연산 하기 전 타입을 일치시키는 과정은 형 변환 함수를 사용하지 않아도 자동으로 이루어지는데 이를 '자동 형 변환' 이라고 한답니다. 3 + 2.45 위 코드를 보면 3 은 int 타입이고, 2.45 는 float 타입이죠? 두 값을 + 연산을 하려면 먼저 피연산자의 타입을 하나로 통일해야하는데, 둘 중 어떤 값이 어느 타입으로 바뀔까요? 타입이 바뀌는 순서는 다음과 같답니다. int → float → complex int 값과 float 값을 연산하면 int 값이 float 값으로 형 변환되고, int 값과 complex 값을 연산하면 int 값이 complex 로 형 변환된답니다. 그렇기 때문에 3 + 2.45 의 연산은 3 이 float 타입으로 형 변환되어 연산이 실행되겠죠? 형 변환 함수 강제로 타입 변환을 할 때에는 형 변환 함수를 사용해야 하는데요. 형

포토샵의 파일 메뉴를 알아보자 (웹디자인 강좌 연재)(021) - 하이미디어 성남 포토샵 학원 [내부링크]

안녕하세요, 이번 시간에는 포토샵의 파일 메뉴에 대해 알아보겠습니다~ 포토샵이 없으신 분들께서는 포토샵을 다운받아서 설치하시면 실습을 하실 수 있습니다. 포토샵 체험판은 https://photoshop-cs5.en.lo4d.com/windows Adobe Photoshop CS6 Adobe Photoshop CS6, free download. Award-winning image editing suite with professional digital imaging tools, effects, filters and plug-in support powered by the Mercury Graphics Engine. Review of Photoshop CS5. Includes tests and PC download for Windows 32 and 64-bit systems. photoshop-cs5.en.lo4d.com 에서 써 보실 수 있고, 포토샵, 일러스트레이터 CC 정식 버전은 h

포토샵과 일러스트레이터? (웹디자인 강좌 연재)(004) - 하이미디어 성남 일러스트 학원 [내부링크]

우리는 인터넷 웹페이지에 쓰이는 언어들을 살펴보았어요. 그런데 웹페이지를 만들려면 미리 모양을 만들어보는 것도 중요하겠죠. 이 부분에 대해서는 프로토타입과 설계도, 그리고 시안... 여러 가지 개념들이 있어요. 하지만 이 개념들은 결국 만들고자 하는 웹사이트의 모양을 짜 보는 걸 의미해요. 그리고 그걸 하기 위해서는 손그림도 좋겠지만, 21세기를 사는 우리는 그래픽 편집 프로그램을 최대한 활용해 보아야겠죠~ 바로 포토샵과 일러스트레이터(혹은 일러스트)입니다! 이 두 프로그램은 전문적인 그래픽 편집 프로그램이에요. 포토샵은 이미지를 편집하는 데에 주로 쓰이고, 일러스트레이터는 로고나 CI, 아이콘 등을 만드는 데에 쓰여요. 자, 픽사베이라는 무료 이미지 사이트가 있습니다. https://pixabay.com 여기의 이미지들은 저작권 면에서 자유로운 이미지들이기 때문에 웹디자인에 많이 쓰이는데요, 이 이미지들과 자체적으로 촬영한 이미지들을 합치고 수정하고 하면 아래와 같은 모습도 만들

하이미와 파이썬 입문! - 반복문 (break, continue) [내부링크]

break 문과 continue 문은 분기문에 속하는 문장으로 break 는 루프 밖으로 분기하는 문장이고, continue 는 해당 문장 다음에 나오는 문장들을 건너뛰고 다시 루프로 되돌아가는 문장이랍니다. Break 문 루프 안에서 해당 문장을 만나면 루프를 탈출합니다. 예를 들어 많은 데이터에서 원하는 값이 있는지 탐색하는 프로그램을 만든다면 첫 데이터부터 마지막까지 원하는 값과 동일한지를 반복적으로 비교해야합니다. 이 때, 원하는 값을 중간에 찾았다면 끝까지 루프를 계속 돌리는 것은 낭비겠죠? 그러므로 루프를 종료할 조건을 만나면 바로 루프를 탈출해야 하는데 이럴 때 사용되는 명령어가 break 랍니다. break 문의 문법을 한 번 알아볼까요? 반복문: 실행문 1 if 조건: break 위의 문법 코드를 보면 루프 안에서 루프를 종료할 조건을 비교하고, 결과가 True 이면 break 문을 실행해 루프를 빠져나온답니다. 사진 1 사진 1의 코드를 보면 1번 줄의 for 루프

하이미와 파이썬 입문! - 문자열과 문자열 처리 함수 [내부링크]

저번 시간엔 제어문에 대해 배웠죠? 이번 시간엔 파이썬이 데이터를 처리하는 타입인 문자열과 문자열 처리 함수에 대해 알아보려고 해요. 파이썬은 사람의 이름이나 주소와 같이 텍스트 형태의 데이터를 문자열 타입으로 처리한답니다. 문자열 타입의 데이터는 프로그램에서 자주 사용되므로 문자열의 생성 방법이나 각 데이터에 접근하는 방식, 조작 방법 등을 잘 이해하는건 필수겠죠? 이번 시간엔 파이썬에서 제공하는 연산자와 함수를 이용해 문자열을 다루는 방법들에 대해 설명드려볼게요~ 문자열의 생성 파이썬의 문자열은 데이터를 작은 따옴표 (') 나 큰 따옴표 (") 로 묶음으로써 생성합니다. C 언어에선 문자 하나는 작은 따옴표로, 문자열은 큰 따옴표로 묶어 문자 하나와 문자열을 구분하지만, 파이썬은 문자 하나와 문자열을 구분하지 않고, 큰 따옴표와 작은 따옴표도 동일하게 처리해 모두 문자열로 인식한답니다. 사진 1 아래 사진 2의 3중 따옴표 (""") 로 묶어서 표현한 문자열은 개행이나 탭도 포함

하이미와 파이썬 입문! - 반복문 (While 문) [내부링크]

저번 시간엔 if-elif-else 문에 대해 알아보았죠? 이번 시간엔 반복문에 대해 알아보려고 해요. 예를 들어 &#34;Hello World&#34; 라는 단어를 3번 출력해야 한다면 가장 간단한 방법은 프린트 문을 3번 작성하는 것이겠죠? ex) print(&#34;Hello World&#34;) print(&#34;Hello World&#34;) print(&#34;Hello World&#34;) &#34;Hello World&#34; 를 100번 출력해야 한다면 프린트 문을 100번 작성해야 할까요? 이렇게 특정 코드를 반복 실행하도록 제어하는 문장이 반복문 이랍니다. While 문 while 문은 조건을 명시하고 그 조건이 True 일 동안 반복하고, 조건이 False 가 되면 루프를 빠져 나온답니다. 만약 while 문의 조건이 항상.......

하이미와 파이썬 입문! - 반복문 (for 문) [내부링크]

저번 시간엔 파이썬의 반복문 中 while 문에 대해 배웠었죠? 반복을 구현할 수 있는 또 하나의 문장이 for 문인데요. while 문은 조건에 의해 반복 여부가 결정되는 구조라면, for 문은 범위를 기준으로 반복 횟수가 결정된답니다. 때문에 for 문은 나열된 값에 반복 처리를 적용하고자 할 때 효과적이랍니다. 사진 1 for 문은 for 키워드 다음 범위 안의 값을 하나 꺼내 저장할 변수를 작성하는데요. 그 뒤에 키워드 in 을 작성하고 범위를 지정하는데, 범위에는 보통 1 ~ 3 과 같이 나열할 값의 범위를 작성하거나 여러개의 값이 저장된 리스트나 문자열이 사용된답니다. 즉, 범위 안의 값을 순서대로 하나씩 꺼내어 in 앞의 변수에 담고, 그 변.......

하이미와 파이썬 입문! - 제어문 中 if-else문 [내부링크]

저번 시간엔 if문을 배웠죠? 하지만 저번에 배운 if문은 조건을 만족할 때 실행할 문장만 지정하고 조건이 False일 때 실행할 문장은 지정하지 못한답니다. 그래서 조건이 False일 때 실행할 문장도 지정하려면 if-else문을 사용할 줄 알아야 한답니다. 그럼 if-else문을 한 번 작성해볼까요? 사진 1 if-else문 작성법도 if문과 다르지 않답니다. 먼저 &#34;if조건:&#34;을 작성하고 조건이 True일 때 실행할 블록을 작성한 뒤, else 키워드와 콜론(:)을 작성한 뒤 조건이 False일 때 실행할 블록을 작성하면 된답니다. 위의 사진 1을 보면 2번 줄에서 조건으로 x&#62;10을 명시하죠? 해당 조건이 True일 때 실행할 블록이 3번 줄이고, 이 조건.......

하이미와 파이썬 입문! - if-elif-else문 [내부링크]

합격과 불합격, 짝수와 홀수처럼 조건이 두 종류인 경우도 있지만 더 다양한 조건을 갖는 경우도 많은데요. 이러한 경우는 if-elif-else문으로 구현한답니다. if-elif-else문은 다양한 조건을 비교할 수 있는 것이 장점인데요. 우선 문법에 대해 한 번 살펴볼까요 ? if-elif-else 문 문법 if 조건 1: 실행문 1 elif 조건 2: 실행문 2 elif 조건 3: 실행문 3 else: 실행문 4 실행문5 첫 번째 조건을 첫 번째 if 문에서 비교해 True이면 바로 아래의 블록 (실행문 1) 을 실행한 뒤, 전체 if-elif-else 문을 끝내고 빠져 나오므로 바로 실행문 5로 분기합니다. 만약 False 이면 다음 조건을 비교하는 elif 문으로 분기해 조건이 True 이면 아래 블록.......

파이썬 입문! 파이썬으로 할 수 있는 일 할 수 없는 일? [내부링크]

이번 시간에는 파이썬으로 할 수 있는 작업들과 파이썬으로 하기엔 불가능한 작업들을 살펴보려는데요. 파이썬이 비록 쉽고, 인간친화적인 언어라지만 단점도 분명히 존재하기 때문에 만능언어다! 라고 보시기엔 무리가 있을 것 같아요. 하지만 이러한 단점들을 모두 극복할만한 장점들이 있기 때문에 전세계적으로 각광받는 프로그래밍 언어가 된 것이겠죠? 그럼 지금부터 한 번 알아볼까요? 파이썬으로 할 수 있는 일 - 시스템 유틸리티 제작 컴퓨터 백신 V3 시스템 유틸리티 - GUI 프로그래밍 GUI : Graphical User Interface [사용자가 편리하게 사용할 수 있도록 기능을 그래픽으로 나타낸 것] TK 라는 프로그래밍을 쓰면 GUI 프로그래밍을.......

하이미와 파이썬 입문! - 자료형과 숫자형 [내부링크]

&#34;자료형을 알고 있다면 그 언어의 절반을 터득한 것&#34; 이라는 말이 있죠? 자료형이란? 1 + 1 &#x3D; 2 컴퓨터가 보기에도 당연히 숫자로 느껴지니 2라는 값이 출력되죠? &#x27;1&#x27;+ &#x27;1&#x27; &#x3D; &#x27;11&#x27; &#x27;(콤마) 사이에 있는 문자를 글자로 인식해요. 따라서 컴퓨터는 글자 1과 글자 1끼리 더해 11의 값이 출력되겠죠? 자료형 : 값의 타입 / 숫자로 인식할지 문자로 인식할지 컴퓨터는 사람처럼 숫자인지 문자인지 바로 인식할 수 없기 때문에 프로그램 형식에 따라 사람이 알려주어야 함 자료형의 종류 자료형은 크게 2가지로 나뉘는데요 자료에 대한 타입 - 숫자 문자열 불(참 / 거짓) 타입이긴 한데 자료의.......

하이미와 파이썬 입문! - 제어문 中 if문 [내부링크]

컴퓨터 프로그램은 많은 문장들로 이뤄져있죠? 프로그램은 컴퓨터 시스템이 명령에 따라 동작할 수 있도록 명령어들을 순차적으로 작성하지만 프로그램으로 구현해야 하는 모든 상황이 순차적으로 나열되지는 않답니다. 즉, 특정 상황에서는 이러한 문장이 실행되어야 하지만 지정된 상황이 아니면 실행되면 안되는 경우도 있고, 동일한 문장을 여러 번 반복해서 실행해야 하는 경우도 있습니다. 이렇게 프로그램 문장들을 상황에 맞게 제어하는 문장을 &#x27;제어문&#x27; 이라고 하는데, 제어문은 크게 조건문과 반복문, 분기문으로 나뉜답니다. 조건문은 조건을 비교한 결과에 따라 실행 여부를 결정하는 문장이고, 반복문은 특정 문장들을 반.......

비전공자! 웹 퍼블리셔 도전기 2탄 [내부링크]

css3 기초 문법 &#38; 선택자 css3 기본 문법 중 스타일 시트를 가지고 왔어요~ 선택자 : {와} 사이에 정의한 스타일 규칙이 적용될 대상 속성과 속성 값 : 속성 값과 같은 형식으로 함께 표시/ 속성/속성 값 쌍이 여럿일 경우에 세미콜론(;)으로 구분! 스타일 주석 /*와 */ 사이에 내용 입력 한 줄 또는 여러 줄을 입력 가능! 스타일 표기 3가지!! 스타일 &#38; 스타일 시트!! 내부 스타일 시트 사용할 스타일을 문서 안에 정리한 것 모든 스타일 정보는 &#60;head&#62; 태그와 &#60;/head&#62; 태그 안에서 정의 &#60;style&#62; 태그와 &#60;/style&#62; 태그 사이에서 작성 외부 스타일 시트 여러 웹 문서에서 사용할 스타일을 별도 파일로 저장해놓.......

어도비 일러스트레이터 캘리그래픽 월계관 브러쉬 만들기 : Adob [내부링크]

일러스트레이터에서 디자인 할때 가장 많이 쓰이는 브러쉬 툴 만들기를 알려드릴께요~~ 어도비 일러스트레이터 캘리그래픽 월계관 브러쉬 만들기_1 어도비 일러스트레이터 캘리그래픽 월계관 브러쉬 만들기_2 어도비 일러스트레이터 캘리그래픽 월계관 브러쉬 만들기_3 어도비 일러스트레이터 월계관 브러쉬 만들기_4 Fill new brush strokes [새 브러쉬 획 칠] 패스에 칠을 적용. 이 옵션은 닫힌 패스를 그릴 때 가장 유용! 어도비 일러스트레이터 월계관 브러쉬 만들기_5 어도비 일러스트레이터 월계관 브러쉬 만들기_6 keep Selected [선택 유지] 패스를 그린 후에 lilustrator에서 패스를 선택된 상태로 유지할지 여부를 결정! 어도비 일러스.......

어도비 프리미어 프로 기본 화면 : Adob [내부링크]

어도비 영상편집 프로그램의 가장 기본 어도비 프리미어 프로! 기본화면 알아보도록 할께요! 어도비 프리미어 프로 기본화면 : Adob_1 어도비 프리미어 프로 기본화면 : Adob_2 어도비 프리미어 프로 기본화면 : Adob_3 [Program Monitor] 패널 [Current Time lndicator]가 위치한 시간대의 장면을 시각적으로 표시하고, 영상 편집 과정과 결과를 확인 가능! 어도비 프리미어 프로 기본화면 : Adob_4 [Project] 패널 영상 편집에 사용할 모든 클립을 불러와 관리 어도비 프리미어 프로 기본화면 : Adob_5 [Tools] 패널 클립의 선택과 이동, 자르기 등의 편집 툴과 [Timeline]화면 크기를 제어하는 툴 어도비 프리미어 프로 기본화면 : Adob_6 [Ti.......

포토샵 레이어 - 레이어 블렌딩 (웹디자인 강좌 연재)(044) - 분당 하이미디어 컴퓨터 학교 [내부링크]

안녕하세요~ 레이어의 블렌딩에 대해서 다루는 시간입니다~ 블렌딩... 칵테일 업계 쪽에서 다루어지는 단어죠. 실제로 블렌딩은 무언가를 섞는 것을 의미합니다. 그래서 레이어 블렌딩이라고 하면 다수의 레이어들이 서로 어우러지게 섞는 것을 의미해요~ 그래서 블렌딩을 위해서는 먼저 블렌딩을 적용할 레이어를 선택해야 사용할 수 있어요. 레이어가 선택되고 난 뒤에 위에 표시된 부분을 누르시면 아래와 같은 옵션박스가 열립니다. (위에서는 레이어 두 개를 동시에 선택했지만 맨 위의 한 레이어만 선택하셔도 됩니다~) 굉장히 선택 요소가 많지만 크게는 칸막이로 나뉘어진 대로 여섯 부분으로 나눌 수 있습니다. 일반 / 어둡게 / 밝게 / .......

하이미와 함께하는 파이썬 첫걸음! - 파이썬 설치 [내부링크]

안녕하세요~ 오늘은 왕초보를 위한 파이썬 1! - 파이썬 설치에 대해 포스팅해 볼 예정인데요 ~ 파이썬 공부를 하고 예제를 풀어보려면 당연히 파이썬 설치는 기본이겠죠? 그럼 이제부터 파이썬 설치에 대해 한 번 알아볼게요 ~ 파이썬 설치 / 파이썬 설치하는 방법 위 홈페이지에 들어가 주셔서 빨간 네모 박스를 1부터 2까지 차례차례 눌러주세요 ~ 파이썬 홈페이지 어디서든 파이썬이 실행될 수 있도록 Add Python 3.9 to PATH를 꼭! 체크해 주셔야 한답니다. 파이썬 설치 여러분의 바탕화면에 파이썬 런처가 설치되어 있을 텐데요! 런처를 더블클릭해서 설치를 계속 진행해 줄게요~ 맨 위에 있는 Modify를 클릭해 설치를 진행해 줍시다 ~ 파이.......

비전공자! 웹 퍼블리셔 도전기 1탄 [내부링크]

비전공자도! 웹 퍼블리셔 도전기 1탄! 그 첫번째시간은 HTML5 기초문법을 올렸었는데 이어 두번째 시간! HTML5 form 요소를 가지고 왔어요~ 대표적인 폼 요소로, 다양한 type속성으로 여러 종류의 입력 양식으로 나타나요. &#60;form&#62; &#60;form&#62;은 form 요소들을 감싸는 태그로 데이터를 묶어서 실제 서버로 전송해주는 역할 &#60;fieldset&#62;으로 구조화되어있다면 &#60;fieldset&#62;도 함께 감싸는 역할! (:이름 저장할떄 항상 form요소.html이라고 해줘야! 웹브라우저가 인식해서 페이지가 만들어져요!) &#60;form&#62;에는 대표적인 속성 - action : 데이터를 처리하기 위한 서버의 주소 서버에 데이터를 전달하기 위한 요소&#60;input&#62;은.......

파이썬 입문! 파이썬에 대해 알아보자 [내부링크]

파이썬의 특징 파이썬은 인간다운 언어랍니다. 아래 사진을 한 번 보실까요? if 2 in [0,1,2,3,4,5]: print (&#34;2가 있습니다.&#34;) 프로그래밍을 모르시는 분들도 대강 무슨 뜻인지 이해하실 수 있겠죠? 이처럼 파이썬은 영어의 문장구조와 상당히 유사하기 때문에 처음 배우시는 분들도 금방 가닥을 잡으실 수 있답니다. 요즘은 대학교 교양 강의로 파이썬을 많이 활용하는 추세이고, 심지어 프로그래밍 유 경험자라면 1~2주면 충분히 파이썬을 습득하실 수 있답니다. 무료이며 범용성이 뛰어난 것도 파이썬의 특징이라고 할 수 있겠죠? 사용료 걱정없이 언제 어디서든 파이썬을 다운로드해 사용할 수 있답니다. 파이썬 다운로드 하는 방.......

XD 파일을 React(리액트) 페이지로 자동 변환하기 [내부링크]

어도비 같은 디자인 기업들의 목표는 웹 퍼블리싱을 디자인 프로그램으로 대체하는 것입니다. 실제로 예전에는 이와 비슷한 기능을 하는 프로그램으로 나모 웹에디터가 있었습니다. 나모 웹에디터의 경우는 2000년 전후 당시에는 편리한 프로그램이었습니다. 사람이 코드를 직접 칠 필요없이 아래아 한글 워드 같은 화면에서 문서 디자인만 해 주면, 그대로 웹브라우저에서 읽을 수 있는 HTML이 나왔기 때문이죠. 이걸 위지윅이라고 합니다. What You See Is What You Get 의 약자입니다. '당신이 보는 것이 바로 당신이 얻게 될 파일'이라는 의미입니다. 하지만 나모 웹에디터가 사장되고, 비슷한 프로그램인 어도비 드림위버의 인기가 별로 없.......

하이미디어 사업주 위탁훈련! 채용예정자, 재직자 모두 가능! [내부링크]

사업주 위탁훈련 근로자의 직무능력 향상 과 경쟁력 강화 를 위해 직업훈련과정 수강 시 수강료의 80 ~ 100%를 지원 하는 제도 지원내용 지원 대상자 고용보험 피보험자 고용보험 피보험자가 아닌 상태로 사업주에게 고용된 자 채용 예정자 (구직등록) 수강 방법 1. 훈련위탁신청 계약서를 사업주가 작성하여 제출 2. 계약서 양식은 하이미디어에 문의하시면 하이미디어의 양식을 활용 3. 준비 서류 : 위탁계약서, 재직 증명서, 근무시간의 교육 참여 확인서, 사업자등록증 사본 4. 하이미디어에 개설되는 모든 국비과정 (구직자 + 근로자) 해당 하이미디어가 여러분과 함께 달리겠습니다. (이 글은 하이미 님의 글입니다)

HTML5 기초 문법 [내부링크]

비전공자도 웹디자이너에 도전 하고 싶다면? 웹 프로그래밍 의 완전 중요한 HTML5 기초 문법을 알아야 돼요! HTML5 기초 문법을 가지고 왔어요~~ Hyper Text Markup Languge - 태그로 이루어진 언어 HTML은 태그로 이루어진 언어예요. 태그는 아래와 같이 이루어져 있답니다~ div라는 태그는 구역을 나눌 때 쓰는 태그예요. 이런 식으로 div와 같은 태그 이름이 있고, 이런 태그들은 태그를 여는 시작 태그와 태그를 닫는 종료 태그로 이루어져 있고, 그 사이에 내용이 들어가게 돼요~ &#60;!doctype html&#62; - 나는 html 이다!!! &#60;!doctype html&#62;은 html5 형식을 쓰는 문서라고 컴퓨터에게 알려주는 걸 말해요. 이를 문서 종류 선언이라고.......

포토샵 레이어 - 레이어 필터링 (웹디자인 강좌 연재)(043) - 성남 하이미디어 직업학교 [내부링크]

안녕하세요~ 이번 시간은 레이어의 필터링에 대해서 다룹니다. 오늘은 레이어를 필터 보정하는 것이 아니라 레이어 중에서 필요한 레이어만 볼 수 있게 필터링하는 것을 다뤄요. 포토샵 작업을 하다 보면 레이어가 겹치고 겹쳐서 너무 많아질 때가 있는데, 이렇게 되면 찾는 레이어를 찾기 버거울 때가 있습니다. 물론 이럴 때에는 Move Tool을 선택하고 옵션바에서 Auto-Select를 체크해서 이미지의 부분을 클릭하여 바로 레이어를 찾을 수 있지만, 레이어가 너무 많거나 레이어가 가려서 해당 레이어 이미지를 클릭할 수 없을 때에 다음 방법을 활용합니다. Layers 패널에 보시면 붉은 사각형으로 되어 있는 부분이 레이어 필터링을 하는 곳입.......

어도비 일러스트레이터 입체 텍스트 [내부링크]

3D 구에 맞게 입체 텍스트 입히는 방법을 공유할께요 3D 구에 맞게 입체 텍스트를 넣는 방법을 알아볼께요. 만드는 방법은 생각보다 쉬워요! 어도비 일러스트레이터 툴에서 3D 입체 텍스트를 만들기 위해서는 3D 기능을 사용하는 것이 아주 편리해요 이번에 주로 다룰 기능은 Symbol과 Revolve, Map Art 에요! 어도비 일러스트레이터 입체텍스트_1 Symbol 은 일러스트레이터에서그래픽을 등록하는 기능 3D Revolve 축을 기준으로 회전시켜 입체로 만들어주는 기능 Map Art 심볼 그래픽을 입체 도면에 따라 입힐 수 있는 기능 어도비 일러스트레이터 입체텍스트_2 3D 입히기전에! 심볼에 등록! Window - Symbols 심볼창에 드래그! 어도비 일러스트.......

하이미디어, 언제나 새로운 내일을 꿈꿉니다. [내부링크]

하이미디어 IT 융합인재개발원 최적화된 커리큘럼으로 당신의 실력을 최고 수준으로 끌어낼 최고의 가이드 H·I·M·E·D·I·A와 함께라면 꿈은 현실이 되고, 목표를 손에 쥘 수 있습니다. 학습을 위한 교육이 아닌, 성취를 위한 교육! 바로 하이미디어 IT 융합인재개발원의 교육이념입니다. H·I·M·E·D·I·A에서 꿈을 향한 도전을 통해 멋진 날개를 완성하세요. 새로운 강의, 차별화된 시스템으로 수강생 모두 디지털 리더로서 성장하게끔 노력하겠습니다. H·I·M·E·D·I·A 수강생과 함께 성장하는 학원 대한민국 IT 교육을 이끌어 온 27년, 27년의 노하우와 업력을 응축하여 허울이 아닌 진짜 IT 전문교육을 선보입니다. 현직 실무자가 참여하는 강의 대.......

포토샵 레이어 - 조정레이어 (2/2) (웹디자인 강좌 연재)(042) - 성남 하이미디어 IT융합 인재개발원 [내부링크]

안녕하세요~ 이번 시간은 레이어의 조정 레이어를 이어서 다룹니다. 조정 레이어는 생각보다 많은 기능들이 포함되어 있으며, 국제 자격증이 된 GTQ에서 사용되는 기능들 외에도 사진 보정에도 유용하게 쓸 수 있는 기능들이 있습니다~ 저번에 Exposure까지 다루었기 때문에 이제 Vibrance를 다루겠습니다. Vibrance는 사진을 좀더 생생하게 만들어 줍니다. Vibrance - Vibrance는 채도를 부드럽게 높여주는 역할을 하며, Vibrance - Saturation은 채도를 급격하게 변화시켜주는 역할을 합니다. Hue/Saturation은 GTQ에서도 굉장히 자주 쓰이는 시험에서 매우 중요한 기능입니다. Saturation과 Lightness로 명도와 채도를 조절할 수도 있지만, Hu.......

하이미디어, 취업 With you !! [내부링크]

하이미디어 IT 융합인재개발원 열려라 취업 문~ 우리 취업하자! 취업준비생이 하이미디어와 함께하는 이유 ?? 바로 직종별 높은 취업 성공률 !! 하이미디어 IT 융합인재개발원 직종별 취업성공률 직종별 높은 취업 성공률 전문 인재로 성장하기 위해 완벽하게 실무를 완성하는 Perfect Work Portfolio로 ‘직종별 높은 취업 성공률’을 자랑합니다. 취업 성공 노하우 Know-How ! 직무 분야에 대해 스스로 가치관을 형성 하고, 도전정신 을 바탕으로 작업 결과물을 완성해 취업과 업무역량에서 자신감 을 얻을 수 있습니다. 하이미디어, 취업 성공 비결 취업 성공 비결 취업경쟁력 : NCS 실무 능력 중심 - 프로젝트 기반 기수별 포트폴리오 - 취업.......

카카오톡 이모티콘 만들기 ! / 카톡 이모티콘 [내부링크]

안녕하세요~ 하이미입니다. ´・ᴗ・&#x60;카카오톡에서 이모티콘 많이 사용하시죠?전화보다 카카오톡으로 소통하는 일이 많은 요즘,이모티콘은 감정을 대신 전하는 메신저로 점점 더 사랑받고 있는 것 같아요.젊은 세대들의 전유물이었던 카카오톡 이모티콘,문자로만 소통하는 것이 아닌 대화를 보다 풍성하게 만들어주기 때문에 남녀노소 상관없이 인기를 끌고 있는데요.그에 따라 수익성이 높아지면서.요즘 이모티콘으로 투잡을 하시는 분들이 꽤 많아지고 있는 추세랍니다.저희 하이미디어에서도 수강생 여러분들의 요구에 맞춰 발빠르게 준비했는데요.하이미디어 IT 융합인재개발원의 카카오톡 이모티콘 만들기 과정 수강하.......

GTQ, 포토샵 전문가 과정 / 자격증 취득 [내부링크]

안녕하세요~ 하이미입니다. ´・ᴗ・&#x60;저번 시간엔 카카오톡 이모티콘 만들기 과정을 소개해드렸죠?이번 시간엔 그래픽 디자인 전문가를 꿈꾸시는 분들을 위해GTQ, 포토샵, 일러스트 자격증 취득 및 전문가 과정을 소개해드리려고 해요~GTQ, 최초의 국가공인 그래픽 기술 자격증 이죠?사진 및 각종 이미지 편집, 웹 디자인 등 그래픽 디자인에 있어가장 근본이 되는 역량을 포토샵 등의 디자인 프로그램을 활용하여 평가합니다.포토샵 기초 디자인 역량 강화에 특화된 자격으로 누구나 취득이 가능하답니다.그럼 저희 하이미디어 IT 융합인재개발원의 그래픽 디자인 전문가 과정인GTQ, 포토샵, 일러스트 자격증 취득 및 전문가.......

진짜 실무!! 일러스트 실무 경험 없으신 분들 필독! [내부링크]

안녕하세요~ 하이미입니다. ´・ᴗ・&#x60;저번 시간엔 그래픽 디자인 전문가 과정을 소개해드렸죠?이번 시간엔 일러스트 (Illurstrator) 실무 과정을 소개해 드리려고 해요.2010년대에 인터넷 방송을 편집해서 유튜브에 올리는 방송인이 많아졌죠?그 중 영상의 썸네일을 일러스트레이션으로 하는 사람들이 있었기에,유튜브 썸네일의 일러스트레이터, 통칭 썸네일러라고 부르는 직업이 생겼답니다.유튜브 편집본을 시청한 뒤 그 중 재밌는 내용 혹은 핵심 내용을 캐치하고,방송인의 요청 등을 수렴하여 미리보기 이미지를 통해모르는 사람도 눈길을 끌어 영상을 보러 올 수 있게 일러스트를 그려내는 것이 주 작업이랍니다.영상을 편.......

IT 분야 취업 준비! 프로그래머 연봉? 취업 가이드! [내부링크]

프로그래머 포지셔닝 및 의미와 역할프로그래머프로그래머로 취업하면서 IT 기업에서 요구하는 직무에 맞게실무 능력을 반드시 갖춰야 승진 및 이직이 빨라집니다.또한 포지셔닝에 맞는 업무 능력을 통해 개발 실무자로서의 경력 관리가 가능하답니다.프로그래머 포지셔닝과 역할IT 분야 개발자 연봉 가이드 (SW 기술자 평균 임금)SW 기술자 평균 임금IT 관련 다양한 국가 기술 및 개발 실무 자격증을 취득해 경력에 맞는 연봉 상승의 기회를 마련하자!기술사 : 정보관리, 컴퓨터 시스템 응용기사 : 정보처리, 전자계산기 조직 응용, 정보 보안기능사 : 정보처리, 정보기기 운용산업기사 : 정보처리, 사무자동화, 정보 보안기타 : IT 분.......

"하이미디어 IT 융합인재개발원" [내부링크]

프로그래머 개발자를 양성하기 위한 최적의 학습 프로그램,25년 학원 교육의 노하우를 담아 IT 학습에만 집중하실 수 있도록필요한 모든 것을 준비했습니다.하이미디어가 여러분의 러닝메이트가 되겠습니다.선배 개발자와 함께하는 1:1 Creatinve 수업!최고의 Programmer를 양성하는 H·I·M·E·D·I·A전문화된 IT 학습 플래너 무료 컨설팅, 여러분의 새로운 시작을 지원합니다.하이미디어 IT 융합인재개발원 학습 로드맵IT 사관학교, 하이미디어 IT 융합인재개발원체계적인 밀착 학습 프로그램하이미디어 IT 융합인재개발원 실무 트레이닝하이미디어 IT 융합인재개발원 학습 관리 시스템IT 커리어 센터, 수강생 전원 취업이 목표입니다.취업에.......

국가기간전략산업직종훈련! 무료교육 빠른 취업! [내부링크]

안녕하세요~ 하이미입니다. ´・ᴗ・&#x60;이번 시간엔 구직자·재직자분들을 위해 국가기간전략산업! 을 소개해 드리려고 해요더불어 저희 하이미디어 IT 융합인재개발원에서국가기간전략산업으로 진행하는 여러 교육 과정들은 다른 게시물에 상세히 설명해놓았으니Java 웹 개발UI &#38; 빅데이터 분석사물인터넷 (IoT, 자율 주행 자동차)디지털 트랜스 포메이션 (빅데이터, RPA 융합)영상편집 프로그램 (프리미어, 애프터 이펙트)등에 관심이 있으신 분들은 다른 게시물도 한 번 읽어보시는 것 또한 좋을 것 같습니다.그럼 함께 국가기간전략산업에 대해 알아볼까요?구직자·직장인 대상 4차 산업 인재육성 국가기간전.......

어도비 포토샵 웹 베너 제작 [내부링크]

어도비 포토샵 웹 베너 제작에 대하여 포스팅 해볼께요~~!어도비 포토샵 웹베너 제작 _1 view 메뉴에서 show - Grid어도비 포토샵 웹베너 제작 _2 _그리드그리드 도형에서 노란색으로 변경어도비 포토샵 웹베너 제작 _3어도비 포토샵 웹베너 제작 _4어도비 포토샵 웹베너 제작 _5어도비 포토샵 웹베너 제작 _6조그만한 사각형으로 색상변경후 꺽세 만들기어도비 포토샵 웹베너 제작 _7어도비 포토샵 웹베너 제작 _완성!어도비 포토샵 웹 베너 제작 에 대해서 알아보았어요!국가기간전략산업직종훈련_하이미디어(이 글은 c35412 님의 글입니다.)

하이미디어의 취업성공패키지! 취업까지 함께 달려볼까요? [내부링크]

안녕하세요~ 하이미입니다. ´・ᴗ・&#x60;이번 시간엔 구직자·재직자분들을 위해 취업성공패키지! 을 소개해 드리려고 해요더불어 저희 하이미디어 IT 융합인재개발원에서취업성공패키지로 진행하는 여러 교육 과정들은 다른 게시물에 상세히 설명해놓았으니프로그래밍 언어Java 웹 개발UI &#38; 빅데이터 분석사물인터넷 (IoT, 자율 주행 자동차)디지털 트랜스 포메이션 (빅데이터, RPA 융합)영상편집 프로그램 (프리미어, 애프터 이펙트)전산세무 1급컴퓨터 활용능력 1급컴퓨터 활용능력 2급등에 관심이 있으신 분들이나 궁극적으로 취업을 목표로 하시는 분들은다른 게시물도 한 번 읽어보시는 것 또한 좋을 것 같습니다........

프로그래밍이 생소한 분들을 위한 IT 가이드!! [내부링크]

Programmer Is...프로그래머란?컴퓨터 프로그램의 논리나 알고리즘을 설계하고 이를 작성해 테스트하는 사람으로언어를 이용해 컴퓨터 프로그램을 만드는 사람을 뜻합니다.시스템 분석자 및 데이터베이스 관리자 (DBA : database administrator) 등과 한 팀이 되어업무를 수행하는 경우가 많으며, 프로그램 언어-오퍼레이팅 시스템의 명평-파일링 시스템의운용법-화면설정 등의 프로그래밍 사용법을 숙지해 프로그래밍 합니다.프로그래머의 종류일반적인 기준으로 프로그래머는 다음과 같이 구분할 수 있습니다.시스템 프로그래머,하드웨어 프로그래머시스템 프로그래머웹 프로그래머어플리케이션 프로그래머모바일 프로그래머게임.......

하이미디어 IT 교육생 커리어 로드맵 + 취업 노하우 !! [내부링크]

취업 그 이상을 약속하는하이미디어 IT 융합인재개발원에서전문 개발자로 성장하실 수 있습니다.프로그래머 개발자의 직무 정보와 취업 노하우프로그래머 직무에 따른 역할개발직 취업 트렌드를 파악!IT 개발분야 포지셔닝에 따른 의미와 역할프로그래머 연봉 가이드IT 분야 취업 준비프로그래머 직무에 따른 역할IT 개발자웹과 모바일에 업무역량이 강화된 개발자웹 사이트, 모바일 웹, 앱 등대중화된 서비스 중심을개발하는 엔지니어SW 개발자기업, 제품에 필요한 기능을 구현하는 개발자정보를 쉽게 관리할 수 있는툴 또는 보안 프로그램 등을개발하는 엔지니어프로그래머의 직무와 역할프로그.......

IT 분야 취업! 요즘 개발직 취업 트렌드는? [내부링크]

프로그래머 개발자로서 정규과정 학습 및 포트폴리오가 준비된다면,쇼핑몰 및 소셜커머스의 웹 프로그래머로서 빠른 취업 및 이직 준비가 가능합니다.또한 해당 분야는 신입 및 경력자 지원이 많아 독보적인 전문 기술 노하우가 필요하답니다.IT 분야 개발직 취업 트렌드IT 분야 개발직 취업 업종기획자업무- 컨텐츠 또는 Front에 서비스 되는 화면을 기획 및 화면구성 (Story Board)- 서비스 되는 화면을 개발하기 위한 기획직종- 웹 에이전시, 솔루션회사, SI회사- 웹 또는 모바일을 운영하는 모든 기업필요기술- IT 관련 또는 개발 실무에 대한 지식- 스토리보드 및 문서 작성 능력적성- 기획, 디자인, 개발 등 유관부서와의 커뮤니케.......

컴활 2급 실기 초단기합격! 어떻게 공부해야 할까? [내부링크]

안녕하세요~ 하이미입니다. ´・ᴗ・&#x60;저번 시간엔 컴퓨터 활용능력 1급 자격증에 대해 소개해드렸죠?오늘은 컴퓨터 활용능력 2급 취득과정에 대해 소개해드리려고 해요.컴활 필기시험은 문제은행 방식으로 출제되기 때문에 cbt를 통해서 취득하는 추세인데요.필기 준비하시는 분들을 위해 아래에 링크 달아두도록 할게요~전자 문제집 링크 &#62;&#62;&#62;&#62;&#62; https://www.comcbt.com/기출문제 한글 파일 링크 &#62;&#62;&#62;&#62;&#62; https://www.comcbt.com/xe/c2이제부터는 실기를 준비하시는 분들을 대상으로 말씀드릴 텐데요.우선 저희 하이미디어 IT 융합인재개발원의 교육과정부터 설명드린 후에,단기간에 합격할.......

어도비 일러스트레이터 버킷리스트 템플릿 : Adob [내부링크]

어도비 일러스트레이터 버킷리스트 템플릿 : Adob일러스트레이터로 버킷리스트 템플릿 만드는 방법도 어도비 일러스트레이터 실무 문서개념으로 유용한 정보라서 알아보도록 할게요!어도비 일러스트레이터 인쇄_ 215x297어도비 일러스트레이터 버킷리스트 템플릿을만들려면 인쇄사이즈!어도비일러스트레이터 글자선택툴 어도비일러스트레이터[2021 버킷리스트] !! 글자입력사각형 격자도구 어도비일러스레이터 : Adob도구툴바에서 사각형 격자 도구 클릭!사각형 격자도구 툴 옵션사각형 격자도구툴 옵션 정보 입력 후 확인!어도비일러스트레이터.......

컴활 2급 실기 사용하는 함수 총정리! [내부링크]

안녕하세요~ 하이미입니다. ´・ᴗ・&#x60;저번 시간에는 컴활 2급 실기에 대해 설명드렸는데요.함수를 어려워하시는 분들이 굉장히 많기 때문에저번 시간에 대한 연장선으로 2급에서 출제되는 함수를 정리해드리도록 하겠습니다.날짜와 시간 함수DATE - 날짜의 일련번호를 구합니다. - DATE(년, 월, 일)YEAR - 날짜에서 연도만 추출합니다. - YEAR(날짜)MONTH - 날짜에서 월만 추출합니다. - MONTH(날짜)DAY - 날짜에서 일만 추출합니다. - DAY(날짜)WEEKDAY - 날짜에서 요일을 알아냅니다. - WEEKDAY(날짜, 옵션)ㄴ WEEKDAY 옵션 (1 &#x3D; 일요일부터 1로 시작, 2 &#x3D; 월요일부터 1로 시작, 3 &#x3D; 월요일부터 0으로 시작).......

어도비 일러스트레이터 이미지 벡터 : Adob [내부링크]

어도비 일러스트레이터 이미지 벡터를 마지막으로 일러스트에서 유용한 정보를 마무리 하려구 해요 (:어도비 일러스트레이터 다른 유용한 정보 있으면 포스팅 할께요!)어도비 일러스트레이터 이미지 벡터 : Adob 1어도비 일러스트레이터 이미지 벡터 : Adob 2이미지추적을 사용하여 사진 이미지(JPEG,PNG,PSD등)을일러스트화 (백터 아트웍)로 변환할 수 있어요어도비 일러스트레이터 이미지 벡터 : Adob 3어도비 일러스트레이터 이미지 벡터 : Adob 4어도비 일러스트레이터 이미지 벡터 : Adob 5어도비 일러스트레이터 이미지 벡터 : Adob 6그러면 먼저.......

내일배움카드! 무료로 교육도 받고 취업도 하고 일석이조! [내부링크]

안녕하세요~ 하이미입니다. ´・ᴗ・&#x60;이번 시간엔 구직자·재직자분들을 위해 내일배움카드! 를 소개해 드리려고 해요더불어 저희 하이미디어 IT 융합인재개발원에서내일배움카드를 통해 진행하는 여러 교육 과정들은 다른 게시물에 상세히 설명해놓았으니프로그래밍 언어Java 웹 개발UI &#38; 빅데이터 분석사물인터넷 (IoT, 자율 주행 자동차)디지털 트랜스 포메이션 (빅데이터, RPA 융합)영상편집 프로그램 (프리미어, 애프터 이펙트)전산세무 1급컴퓨터 활용능력 1급컴퓨터 활용능력 2급등에 관심이 있으신 분들은 다른 게시물도 한 번 읽어보시는 것 또한 좋을 것 같습니다.그럼 함께 내일배움카드에 대해 알아볼까요.......

어도비 인디자인 인쇄도련설정 [내부링크]

어도비 인디자인 문서 설정할때 가장 기본인 인쇄도련설정에 대해 유용한 정보라서 알아보도록 할게요!!어도비 Creative Cloud Desktop어도비 인디자인 첫화면어도비 인디자인 [새로만들기]InDesign을 실행하고 새로 만들기를 클릭!(새 문서를 사용자 정의하는 방법에 대한 자세한 내용은 새 문서 만들기를 참조하세요!)어도비인디자인 [도련&#38;슬러그]아래로 스크롤한 다음 도련 및 슬러그를 클릭하여 패널을 확장!어도비인디자인[여백 및 단]원하는 단위의 도련 값을 입력!예를 들어 문서가 파이카 등 다른 단위를 사용하더라도 0.125 in 또는 3.......

컴퓨터활용능력 1급 3주만에 취득! 합격전략 공개! 1 (스프레트시트 / 엑셀 실무) [내부링크]

안녕하세요~ 하이미입니다. ´・ᴗ・&#x60;오늘은 대학생, 구직 중이신 분들께 컴퓨터활용능력 1급 취득과정에 대해 소개해드리려고해요.취업시장의 스펙 인플레이션으로 이 자격증도 필수 가 되어가고 있죠?취준생 여러분들이 부담없이 컴활 1급을 준비하실 수 있는 이유가 뭐냐고 여쭤보신다면,당연 &#34;유효기간이 없다&#34;는 것인데요.때문에 대학생 분들이 방학 기간 동안 준비해서 취득한 경우가 종종 있답니다.우선 하이미디어 IT 융합인재개발원의컴퓨터 활용능력 1급 커리큘럼을 안내해드리고, 자격증에 대해 말씀드려볼게요!데이터베이스 / 엑세스 합격 공략은 위 링크에 있으니 참고하세요!!컴퓨터 활용능력 1급.......

어도비 일러스트레이터 패널기본세팅 : Adob [내부링크]

어도비 일러스트레이터무료 : Adob 무료 설치 방법은 (:지난 포스팅을 참고 해주세욧!!)어도비 일러스트레이터를 무료로 설치를 했으면 사용방법을 알아야 하잖아요? 어도비 일러스트레이터 패널기본세팅 하는 방법을 알려드릴께여~!Adob Creative Cloud _ 화면어도비 일러스트레이터 패널기본세팅을 하려면! 먼저! Adobe Creative Cloud 에서어도비 일러스트레이터를 클릭!어도비 일러스트레이터 첫화면드디어! 어도비 일러스트레이터 패널기본세팅을 알리는 첫화면!! 등장! 두둥어도비 일러스트레이터문서 새로만들기 클릭!어도비일러스트레이터 인쇄기본 문서.......

컴퓨터 활용능력 1급 3주 완성! 합격전략 공개 2 (데이터베이스 / 엑세스 실무) [내부링크]

안녕하세요~ 하이미입니다. ´・ᴗ・&#x60;저번 시간엔 저희 하이미디어 IT 융합인재개발원의컴퓨터 활용능력 1급 교육과정 소개와 더불어,컴활 1급 자격증 단기 합격 공략 (스프레드시트 / 엑셀 실무) 까지 알려드렸죠?이번 시간에는 컴활 1급의 &#34;MAIN&#34;!!!바로 데이터베이스 실무 (액세스) 에 대해 알려드리려고 해요.액세스를 1과목 (엑셀) 보다 쉬워하시는 수강생분들도 계시지만 만만히 보기는 어렵답니다.워낙 낯선 프로그램인지라, 진입장벽이 매우 높아 난이도는 결코 만만치 않기 때문인데요.하지만 어느 정도 익숙해지고 나면 확실히 엑셀보다는 수준이 낮다는 것을 알 수 있으실 거랍니다.시험 전까지 기출문제를.......

어도비 일러스트레이터 텍스트 윤곽선만들기 : Adob [내부링크]

어도비 일러스트레이터 패널기본세팅에 대해 알아보았는데요!어도비 일러스트레이터 텍스트윤곽선만들기 : Adob 일러스트레이터 실무에 유용한 정보라서 알아보도록할게요~~!어도비 일러스트레이터 인쇄사이즈 215x297어도비 일러스트레이터 텍스트윤곽선을 만들려면먼저!!어도비 일러스트레이터 인쇄사이즈!!(: w_ 너비 h_ 높이)w_215 x h_297어도비 일러스트레이터 도구툴바 어도비 일러스트레이터 텍스트윤곽선하려면 을 먼저!!어도비 일러스트레이터 [도구툴바]에서텍스트선택툴 선택!!어도비 일러스트레이터 글자선택툴 어도비일러스트레이터 : Adob텍스트 윤곽선만들기!! 글자입력!어도비 일.......

어도비 일러스트레이터무료 : Adob [내부링크]

강력한 그래픽 최강자!! ㄴ^ㅁ^ㄱ어도비일러스트레이터 라이선스 비용이 저렴하진 않아요...그런데 어도비일러스트레이터를 잠깐 사용해보고 싶을 경우 라이선스 비용을 내고 사용하기 애매하잖아요! 이런 상황을 대비해서 어도비일러스트레이터의 모든 기능을 무료로사용할 수 있는 어도비일러스트레이터무료 다운로드방법을 알려드릴께용~~!1. 검색창에 어도비일러스트레이션무료다운어도비일러스트레이터무료다운2. 어도비일러스트레이터 하단 메뉴에 무료 체험판 선택어도비일러스트레이션_무료체험판Crative Cloud _참조lilustrator_참조3. 옆에 어도비일러스트레이터 체험판은 일주일간만 가.......

전산세무 1급 합격전략 공개! 단기간 합격 가능할까? [내부링크]

안녕하세요~ 하이미입니다. ´・ᴗ・&#x60;오늘은 구직 중이신 분들을 위해 회계 / 세무 교육과정을 소개해드리려고 해요.바로바로 전산세무 1급! 교육과정이랍니다.비전공자이신 분들은 처음에 많은 부담을 느끼실 수도 있을 것 같아요.하지만 저희 하이미디어 IT 융합인재개발원에서는전공자분들은 물론이거니와,회계를 처음 접해보시는 비전공자분들을 위한 교육도 준비되어 있답니다.회계 왕초보 특강, 수업이 끝난 뒤 강사님과 멘토링 수업 등다양한 시스템이 준비되어 있다고 하니 부담 없이 상담 먼저 받아보셔도 될 것 같습니다.전산세무 1급 합격률먼저 합격률이 어느 정도 되는지부터 알아볼까요?전산세무 1급 최근 5회차.......

gtq : kpc 한국생산성본부 [내부링크]

gtq 찾다가 새로운 사실을 알게되어서 gtq 관련 자격 정보 드릴께요~!kpc 자격국제 자격으로 인정받은 gtq!!!국제 자격_ gtqgtq 1급은 국제 자격으로 인정된 50개국에서 사용 가능해외 취업을 디자인으로 한다면 좋은 자격!!! gtqgtq_시험과목gtq 1급은 100% 실기시험으로 치뤄지는 시험이라 필기 공부할필요가 없어요 ㅇㅁㅇ !!!gtq _합격 기준gtq 포토샵 합격 기준은 두구두구두구두구~~!100점 만점에 70점~~!!gtq 포토샵 자격을 취득 할수있는것이 완전 이득이죠!!!gtq 포토샵 이 궁금 하신분들이 많으실꺼같아서 알려드렸어요~~공감 과 댓글이 많은 힘이 되.......

사물인터넷(IOT) 기반 자동화 시스템 개발(자율주행 자동차 등) 분야 전문가를 꿈꾸시는 분들에게 추천드릴만한 교육과정 [내부링크]

안녕하세요~ 하이미입니다. ´・ᴗ・&#x60;저번 시간엔 4차산업과 관련해 빅데이터 전문가를 꿈꾸시는 분들을 위한 교육과정을 추천해드렸죠?이번 시간엔 자율주행 자동차를 화두로 IT 업계의 관심이 쏟아지는 분야인IoT(사물인터넷)에 대해 소개해드리려고 해요~IoT ; Internet of Things&#34;IoT&#34; &#x3D; &#34;Internet of Things&#34;사물인터넷(IoT)이라는 용어가 21세기 초반부터 4차 산업의 뜨거운 감자로 돌고 있었지만,몇 년 전까지만 해도 이렇다 할 수 있는 확실한 사업모형이 없어 구체적인 실체가 없었답니다.때문에 &#34;그래서 이걸로 뭘 하는데?&#34;라는 질문에 답을 하기가 어려웠는데요.하지만 최근들어.......

알아두면 쓸모있는 잡다한 정보2탄!! [내부링크]

포토샵으로 유튜브 썸네일 만들기~~~!!!유튜브는 이제 필수!! 주변에 유튜버들 한두명씩은 다들 있으시죠?? ㅎㅎㅎ그래서 도움이쪼금이나마 될수있는 포토샵으로 썸네일 만들기를 해보려해용~~~!!!레이어 사이즈[600x600]먼저 레이어 사이즈 600x600 사이즈를 만들었어요~~^ㅡ^ 레이어 노랑레이어 색상을 ffe401 로 변경 해주었어요!!레이어 글씨 겹침포토샵으로 글자를 써주세요~~ 히히작성한 글자를 복사해서 겹쳐주세요~~포토샵으로 유튜브 썸네일 만들기 완성!겹쳐주시구 맨위에 글자를 흰색으로 변경 하면 완성~~~~!!! 히히힛~~~!포토샵으로 유튜브 썸네일 만들기 _ 완성본!짜잔 유튜브 썸네일 완성이미지! 보시.......

디지털 트랜스포메이션 (빅데이터, AI, RPA 융합) 채용예정자 교육에 대해 알아볼까요? (취업연계 100%) [내부링크]

안녕하세요~ 하이미입니다. ´・ᴗ・&#x60;오늘도 여러분께 IT 관련 전문가 교육과정을 소개해드리려고 찾아왔는데요.오늘은 본론으로 들어가기 전에재미있는 IT 관련 키워드를 가지고 왔답니다.&#34;Digital Transformation&#34;4차 산업, 클라우드 컴퓨팅, 빅데이터는 들어봤어도&#34;디지털 트랜스포메이션&#34;은 처음 들어보시죠?Digital Transformation ?Digital Transformation클라우드 컴퓨팅 (&#x3D;사용자가 필요한 자료나 프로그램을 인터넷 접속을 통해 언제 어디서나 이용할 수 있는 기술)을 활용해 하드웨어에 의존하는 사용자들의 비중을 낮추고,구독자를 기반으로 서비스 제공 환경을 구축하기 위해 디지털 기술.......

알아두면 쓸모있는 잡다한 정보3탄!! [내부링크]

인디자인 으로 e-book 만들기~~!!!인디자인 으로 e-book 만드는 과정을 소개해볼께요~~~!인디자인_첫 화면e-book 과정!잡지 페이지를 만들어서 e-book으로 제작하려고 미리 만들었어요~ !publish Online... 버튼을 눌러주세요~제대로 구성을 확인 하고싶으면 창 버튼을 눌러 _대화형이 활성화 되면 _미리보기를 눌러주세요~문서를 온라인으로 게시하면~~!!문서 참고 해서 제작 하셔두 되요~~!https://indd.adobe.com/view/d869603e-1076-4f65-953e-95e47ac71fcb(이 글은 c35412 님의 글입니다.)

영상편집 프로그램 (애프터 이펙트, 프리미어) 콘텐츠 제작 전문가 과정에 대해 알아볼까요? [내부링크]

안녕하세요~ 하이미입니다. ´・ᴗ・&#x60;오늘은 여러분께 IT 관련 교육이 아닌 새로운 분야를 소개해드리려고 해요.젊은 세대 분들이 관심 있어 하는 분야죠?오늘 소개해드릴 교육과정은 바로 영상편집 프로그램 전문가 과정이랍니다.YouTubeYouTube영상편집, 하면 제일 먼저 연관되어 떠오르는 단어가 바로 유튜브죠?유명한 유튜버 분들은 몇 억, 몇 십 억대의 수익을 창출하는 경우도 왕왕 생긴다고 해요.요즘 콘텐츠 시장에서 동영상이 차지하는 비중이 높고,소비자가 부담 없이 즐길 수 있는 콘텐츠 또한 동영상이기 때문에영상 편집 기술을 배우는 분들이 많이 늘어나는 추세입니다.시간이 지날수록 전문 소프트웨어는 사용.......

알아두면 쓸모있는 잡다한 정보1탄!! [내부링크]

포토샵으로 카드뉴스 만들기포토샵으로 카드뉴스 만들기레이어 사이즈 600x600 [정사각형]먼저 포토샵에서 600x600사이즈의 정사각형 레이어를 만들어 주세요~~색상변경[회색]색상 999a9C로 채워주었어요~원형[600x600]원형 툴을 선택후 레이어에 마우스 클릭 후 600x600 원형을 만들었어요~원형 배치원형선택 툴로 조그만 원을 만든후 예쁘게 구조를 잡아 배치해 줍니다~~회색 [포토샵으로 카드뉴스 만들기]흰색 원형 위에 글을 회색으로 적어주세요~노란 [포토샵으로 카드뉴스 만들기]회색으로 적은 글을 레이어 에서 복사 하여 복사된 레이어를 노란색으로 바꾸면 완성~~~!! 룰루 랄라추가적으로 내용 입력 가능!!.......

UI&빅데이터 분석 (자바, 파이썬) 전문가를 꿈꾸시는 분들에게 소개해드릴만한 과정 [내부링크]

안녕하세요~ 하이미입니다. ´・ᴗ・&#x60;저번 시간엔 웹 개발자를 꿈꾸시는 분들을 위해 자바 웹 개발 전문가 과정을 추천해드렸죠?이번 시간엔 4차 산업 시대를 맞아 가장 핫한 이슈인 빅데이터 관련 전문가 과정을 소개해드리려해요.이제는 IT 업계를 넘어 다양한 업계,심지어 금융권에서도 빅데이터 전문가 를 채용하고 있다고 해요.기존 활용했던 고객의 인적 정보, 거래 정보 등 정형 데이터 외에도 상담 내역, 입출금 내역, 등모든 비정형 고객행동 정보를 인공지능으로 분석해고객별 최적화된 맞춤 상품을 추천하기 위해서라는데요.그럼 일단 빅데이터가 무엇인지부터 알아볼까요? (ㅡㅡ)&#34;빅데이터&#34;오늘날 정보.......

어떤 프로그래밍 언어(자바, 파이썬 등)를 배우는 게 좋을까? [내부링크]

안녕하세요~ 하이미입니다. ´・ᴗ・&#x60;저번 시간엔 프로그래밍 학원을 추천해드렸는데요.이제 막 프로그래밍(&#x3D;코딩) 을 공부하시는 분들이어떤 언어를 배울지 선택함에 있어 고민이 많으실 거라고 생각해요.2021년 현재, 존재하는 프로그래밍 언어는 약 8,900개 정도인데요... ()어떤 언어를 공부해야 할지,여러분이 일하고픈 업계에서 선호하는 언어는 무엇인지궁금하셨을 분들을 위해 함께 알아볼까요? (ರ_•́) ง업계 점유율이 높은 언어2021년 현재 전 세계 점유율이 가장 높은 상위 언어 10가지 정도를 간추려보았는데요.학생분들은 내가 호기심을 느끼는 언어를 공부하는 것도 좋지만,취업을 목표로 하시.......

[비전공자도 가능한 웹디자인&퍼블리셔 취업성공하기! 2탄] [내부링크]

웹디자이너는 포토샵, 일러스트, 인디자인이라는 프로그램을 사용하여 웹페이지의 그래픽적인 부분을 담당하는 업무이고 웹 퍼블리셔는 웹디자이너가 준 시안을 HTML, CSS, Javascropt, jQuery 등의 코딩 프로그램을 통해 웹사이트를 구성 및 구축하는 부분을 담당하는 업무를 진행해요~~ 웹디자이너는 포토샵, 일러스트 두 가지 프로그램만 다룰 수 있다면, 비전공자도 큰 문제 없이 웹디자이너라는 직무에 도전할 수 있기 때문입니다.프런트엔드 개발자는 웹퍼블리셔 가 다루는 CSS, HTML5 등의 코딩 언어와 정적의 웹사이트를 JAVASCRIPT를 이용하여, 동적으로, 움직임을넣어주고, 관리 개발하는 직무라 생각하시면 되요.요즘에는 웹디자이.......

Java(자바) 웹 개발 마스터 전문가를 꿈꾸시는 분들에게 소개해드릴만한 교육과정 [내부링크]

안녕하세요~ 하이미입니다. ´・ᴗ・&#x60;&#34;Digital convergence&#34;IT 전문가를 꿈꾸는 분들이라면 한 번쯤 들어 본 적이 있으실만한 단어인데요.카메라, MP3, 금융 기능까지 갖춘 여러분의 휴대전화처럼하나의 기기나 서비스에 모든 정보통신기술이 통합되는 현상을 의미한다고 해요~4차 산업시대에 발맞춰 웹 개발자를 꿈꾸시는 분들, 프론트엔드 및 백엔드 기술,그리고 웹 기반의 콘텐츠 서비스를 개발하는 것에 관심이 있으신 분들께 소개해 드리려고 합니다!그럼 시작해볼까요? ٩(ˊωˋ*) وJava(자바) 웹 개발 마스터 전문가 과정클라이언트의 요구에 따라 웹상에서의 UI, UX는 다양하고 빠르게 변화하고 있죠?때문.......

[비전공자도 가능한 웹디자인&퍼블리셔 취업성공하기! 3탄] [내부링크]

포토샵 기본 구성픽셀을 기본단위로 하는 비트맵방식의 툴이다. 대한민국 한정으로 &#34;포샵&#34;이라는 말로 쓰이기도 하잖아요 ㅎㅎ 현재는 어도비 크리에이티브 클라우드에서 구매하여 사용할 수 있어요!픽셀 설명 _ 하이미디어 로고픽셀은 비트맵 이미지의 최소 단위를 뜻해요.픽셀 기반의 프로그램이기 때문에 이미지를 최대로 확대하면작은 사각형 모양의 픽셀을 확인 할 수 있어요 픽셀의 수에 따라 이미지 해상도가 어마어마하게 달라져요!(도트게임 느낌이라 하면 한번에 와닿으실거예요.)일러스트 기본 구성Adobe 프로그램 [일러스트 기본구성]어도비 에서 개발한 벡터 드로잉 프로그램이에요 ~ 맥 OS와 윈도 플랫폼을 지원.......

파이썬, 어떻게 공부해야 할까 ? [내부링크]

파이썬, 어떻게 공부해야 할까요?파이썬도 결국 프로그래밍 언어랍니다.영어 문법만 배워서는 회화를 유창하게 할 수 없듯이,파이썬도 직접 활용해보며 익혀야 합니다.한 번에 모든 것을 이해하는 것은 어렵습니다.배운 내용을 상기할 수 있도록 중간 점검하는 시간이 필요합니다.코드를 따라 쓰기만해서는 내 것이 될 수 없습니다.학습한 것을 바탕으로 실전에 활용할 수 있어야 합니다.하이미디어에서 파이썬을 배우면 이렇게 다릅니다.프로젝트언어를 배우고 나면실무에 적용하기 힘든 아주 초보적인 커리큘럼vs입문자를 위한 파이썬 기초부터 개발자가 실무에활용 가능한 심화과정을 모두 포함하는 커리큘럼커리큘럼숫자 맞추기 게임, 야구 게.......

딥러닝을 통한 추천시스템 구현! + 텐서플로우 [내부링크]

하이미디어 딥러닝 추천 시스템고객을 끌어들이는 추천 시스템 ! 비즈니스에 적용하고 싶다면?다양한 데이터 실습으로 추천 알고리즘 이해부터 성능 평가, 최근 핫한 논문 브리핑까지!추천시스템.. 배우기 어려운 현실서비스에 도입하고 싶지만 시작부터 어려우시지 않나요?딥러닝을 통한 추천 시스템 구현하이미디어의 수업으로 추천 시스템 A 부터 Z 까지 끝 !하이미디어 딥러닝을 통한 추천 시스템과 텐서플로우 활용하이미디어의 수업은 이런 점이 특별해요 !알고리즘 기초부터 꼼꼼히 다져서 실습으로 정복해요!영화, 리뷰, 음악 등 다양한 실습 데이터로 산업별 추천 시스템 알고리즘 딥러닝까지 모두 경험해요!최신 논문 브리핑 및 Pytorc.......

포토샵 레이어 - 조정레이어 (1/2) (웹디자인 강좌 연재)(041) - 하이미디어 분당 컴퓨터 학원 [내부링크]

안녕하세요~ 이번 시간은 레이어의 조정 레이어와 필터링에 대해서 다룹니다. 레이어의 종류에는 여러 종류가 있어요. 위에 보시면 레이어들의 왼쪽에 있는 직사각형의 모양이 각기 다르죠? Layer1 처럼 직사각형 안이 평범한 것은 픽셀 레이어라고 합니다. 일반적인 픽셀로 되어 있는 이미지들을 담고 있어요. Hue/Saturation 1이라고 되어 있는 하얀 직사각형의 레이어는 왼쪽에 다른 모양의 사각형이 붙어 있죠? 저 작은 사각형을 조정 레이어라고 하고 가운데의 클립 모양을 통해 하얀 직사각형 레이어와 연결되어 있음을 보여줍니다. asd라고 되어 있는 레이어는 타이프 레이어예요. 제가 asd라고 타이핑, 혹은 글자 입력을 했기 때문에 표.......

성남 컴퓨터 학원 찾으시는 분들에게 추천할 만한 곳 [내부링크]

코로나로 얼룩졌던 2020년,올해에는 자격증 취득과 취업으로 보상받으리라 기원합니다.&#34;Digital transformation&#34;코로나19로 인해여러 직업들의 디지털 전환이 빨라지고 있죠?빅데이터 분석, AI(인공지능), 프로그래밍 등의 직종이 예전에 비해 기하급수적으로 늘어나고 있답니다.여러분도 올해는 IT, 아니 ICT 역량을 키워서 새로운 시대에 걸맞은 직업을 준비해보시는 것은 어떨까요?성남 컴퓨터학원 / 성남 코딩 학원 어디가 좋을까 ??이제부터 성남 컴퓨터학원,모란역 컴퓨터 학원을 찾으시는 분들께 추천드리려고 하는&#34;하이미디어 IT 융합인재개발원&#34;입니다.우선 코로나 때문에학원에 방문해서 상담받아도.......

[국비무료교육 후 웹디자인&퍼블리셔로 취업하기! 1탄] [내부링크]

취업준비 하기 가장 힘든게 어떤 직업을 선택 해야되지? 그렇다고 지금 와서 학과 공부와 전혀 다른 분야를 공부하거나 찾기에는 금전적으로나 부담이 되는게 사실이에요. (26살 취준생)http://www.hrd.go.kr/국비 무료 교육을 받기위해서는 지역 고용센터에서 국민 내일 배움 카드를 발급 하셔야되요~ 저는 집이 성남이라 성남고용센터에서 발급 받아 2일 만에 발급 받았어요~!! 완전 이득!! 자세한 내용은 위에 HRD-Net 홈페이지 참고 하셔서 신청하시면 되요!국비무료교육 은 HRD-Net 홈페이지를 통해 분야별로 확인할수있어요 저는 웹디자인&#38;퍼블리셔 에 관심이 있어 해당분야 위주로 알아보았어요~~ IT교육기관이 많아서 선택의 폭.......

강제로 익스플로러(IE)에서 다른 브라우저로 열리게 하기 (웹디자인 강좌 연재)(특집4) - 하이미디어 분당 웹디자인 학원 [내부링크]

안녕하세요~ 이번 시간은 Internet Explorer를 없애기 위한 특집입니다~ 왜 인터넷 익스플로러 브라우저가 없어져야 할까요? 그 이유는 마이크로소프트 사에서 공식적으로 인터넷 익스플로러 브라우저를 엣지 브라우저로 대체했기 때문이에요. 인터넷 익스플로러 11버전이 나온 이후 12버전은 엣지라는 이름을 달고 나왔어요. 엣지는 Windows 자동 업데이트가 잘 동작한다는 가정 하에 Windows 7 이상에서 기본적으로 설치되어 있으며 그 이후 꾸준히 업데이트되어 2020년 현재 87버전까지 업데이트 되었어요. 하지만 인터넷 익스플로러는 마이크로소프트에서 폐기한 브라우저 프로젝트이기 때문에 2020년 현재까지 11버전으로 유지되고 있어요. .......

포토샵 확대/축소 (웹디자인 강좌 연재)(039) - 하이미디어 성남 웹디자인 학원 [내부링크]

안녕하세요~ 이번 시간은 작업창 확대 축소와 네비게이터 패널을 다룹니다. (작업창 확대 축소가 아닌 이미지 자체 크기를 조절하려면 Image - Image Size 메뉴에서 하셔야 합니다.) 사실 작업창 확대 축소 자체는 Alt + 마우스 휠 돌리기만으로도 가능합니다. 하지만 상세한 조절을 위해서는 확대 축소 도구를 사용하게 됩니다. 저 Zoom tool은 확대 모드가 두 개입니다. Area Zoom과 Scrubby Zoom인데, 옵션바의 Scrubby Zoom이 체크되어 있지 않으면 Area Zoom, 체크 되어 있으면 Scrubby Zoom이 됩니다. Area Zoom 상태에서는 마우스로 사각형을 그릴 수 있습니다. 사각형을 그리고 나면 사각형 안의 이미지 크기가 창 크기가 될 때까지 이미.......

포토샵 레이어 - 이미지 겹치기 (웹디자인 강좌 연재)(040) - 하이미디어 성남 컴퓨터 학원 [내부링크]

안녕하세요~ 이번 시간은 레이어에 대해서 다룹니다. 여러 이미지가 겹쳐질 때 생기는 ‘층’을 레이어(layer)라고 합니다. 또한 이미지들이 겹쳤을 경우 맨 앞에 가장 잘 보이는 그림을 '제트 인덱스(z-index)가 높다'라고 하고, 맨 뒤에 가장 안 보이는 그림을 '제트 인덱스(z-index)가 낮다'라고 하는데요, 그 이유는 수학이나 물리학에서는 입체도형을 위처럼 가로 방향 X축과, 세로 방향 Y축, 그리고 앞뒤 방향을 'Z축'으로 잡기 때문입니다. Z축의 순서를 'z-index'라고 표현해 주는 것이죠~ 포토샵에서는 오른쪽 아래에 포토샵 패널에 레이어들이 표시됩니다. 만일 표시되지 않는다면 F7 키를 눌러주세요~ 위 이미지에서 GOLDEN STROKE나.......

포토샵 도형 그리기 (웹디자인 강좌 연재)(038) - 하이미디어 분당 컴퓨터 학원 [내부링크]

안녕하세요~ 이번 시간은 포토샵에서의 도형 그리기를 다룹니다~ 도형 그리기에는 위와 같은 도구들이 있어요. 직사각형, 둥근 사각형, 타원/원형, 삼각형, 다각형, 선형, 사용자 정의 도형을 그릴 수 있습니다~ Rect는 4라는 뜻입니다. Angle은 각도이기 때문에, Rectangle은 사각형을 의미합니다. 도구 상에 Triangle의 경우는 Tri가 3이기 때문에 삼각형을 의미하는 것이죠. 다시 본론으로 돌아와서, Rectangle Tool은 캔버스 위에 사각형을 그릴 수 있습니다. Shift를 누르면서 그리게 되면 정사각형을 그리게 되고, 그리고 있는 중간에 Alt를 계속 누르게 되면 중심점이 마우스 위치인 사각형이 그려지게 됩니다~ 옵션바는 다음과 위와 같습.......

IE에서 웹표준 CSS 그리드(Grid)를 사용할 수 있다? (2/2) (웹디자인 강좌 연재)(특집2) - 하이미디어 성남 웹디자인 학원 [내부링크]

안녕하세요~ 이번 시간에는 저번 시간에 다룬 IE를 위한 웹표준 CSS Grid의 심화과정을 다루는 특집입니다~ 저번 시간에는 기본적인 속성들인 display, grid-template-areas, grid-template-rows, grid-template-columns, grid-area, grid-row, grid-column을 다루었어요~ 이번에는 self 정렬, 겹치기(z-index), 단위, 함수들에 대해 다루어보도록 할게요~ 4. justify-self, align-self 이번에 다룰 내용은 Self 정렬입니다~ Self 정렬은 그리드 안에 있는 아이템들을 하나하나 스스로 정렬하는 걸 의미해요. https://sinseiki.github.io/SASS-Grid-for-IE-Examples/ 위 페이지의 4번 예제를 다루어 보겠습니다~ 이번 예제는 페이지 전체가 수평.......

포토샵에서 글자 입력하기 (웹디자인 강좌 연재)(036) - 하이미디어 성남 컴퓨터 학원 [내부링크]

안녕하세요~ 이번 시간에는 포토샵에서 글자를 입력하는 것에 대한 모든 것을 다루어 보려 합니다. 포토샵은 글자 입력에 대해 다양한 기능을 제공하고 있습니다. 이 기능들을 자유자재로 사용하실 수 있다면 포토샵을 통해 문서 디자인도 하실 수 있을 거예요~ 문자 입력 툴은 크게 두 종류로 나뉘어 집니다. Horizontal Type Tool과 Vertical Type Tool로 이루어진 문자 자체 입력 툴, 그리고 Vertical Type Mask Tool과 Horizontal Type Mask Tool로 이루어진 문자 모양 선택 툴이 있습니다. Horizontal은 가로로 입력, Vertical은 세로로 입력하는 도구예요. 왼쪽 위의 가로로 글자를 입력한 것이 Horizontal Type Tool, 왼쪽 아래의 세로로.......

포토샵 펜툴과 벡터 이미지 (웹디자인 강좌 연재)(037) - 하이미디어 분당 웹디자인 학원 [내부링크]

안녕하세요~ 이번 시간에는 포토샵에서의 벡터 이미지에 대해 다루어보려 합니다. 벡터 이미지와 펜툴의 기본에 대해서는 위 글에서 다룬 적이 있어요. 요약하자면 벡터 이미지는 여러개의 픽셀로 이루어진 비트맵 이미지와 달리, 수학적 좌표와 함수에 의해 그려진 이미지를 의미해요. 일반적으로 벡터 이미지는 포토샵이 아닌 일러스트레이터를 통해서 작업이 이루어지지만, 포토샵에도 벡터 이미지를 다룰 수 있는 기능이 있습니다. 그 기능 중에 하나가 바로 펜툴입니다~ 펜툴은 다루는 법이 다른 도구에 비해 까다롭기 때문에 지난 029번 강좌에서 자세히 쓰는 법을 설명해드렸어요. 그래서 오늘은 펜툴의 옵션바부터 다루도록 하겠습니다. .......

URLParam.js - URL의 매개변수를 자바스크립트 변수로 활용하기 (웹디자인 강좌 연재)(특집3) - 하이미디어 분당 컴퓨터 학원 [내부링크]

안녕하세요~ 이번 시간은 특집 강의를 다룹니다. 이번 강좌는 HTML과 JavaScript에 대해 어느 정도 아시는 분들을 대상으로 하므로 기존의 연재를 계속 보시던 분들 중에 아직 HTML/JavaScript를 잘 모르시는 분들께서는 일시적으로 이 강의를 건너뛰어주세요. URLParam.js 는 제가 만들어 올린 자바스크립트 플러그인으로 URL에 쓴 매개변수(Parameter)를 자바스크립트 변수로 지정하는 기능을 합니다. https://sinseiki.github.io/urlparam.js/index.html?tabNum=2 위 URL 주소는 https://sinseiki.github.io/urlparam.js/index.html 페이지와 ? 뒤로 tabNum=2라는 매개변수가 들어 있습니다. 저 매개변수는 그대로 자바스크립트 변수로 선언되.......

뽀샵 이미지 보정 도구 (1/2) (웹디자인 강좌 연재)(034) - 하이미디어 성남 컴퓨터 학원 [내부링크]

안녕하세요, 이번 시간과 다음 시간에는 뽀샵 도구, 즉 사진 보정 도구들에 대해 다루어 볼 거예요. 어떤 도구는 얼굴의 잡티를 제거할 수 있고, 어떤 도구는 얼굴의 빛을 밝게 할 수 있는가 하면, 어떤 도구는 턱을 깎는 등 얼굴의 크기를 조절할 수 있어요. 그래서 많은 분들이 포토샵을 사진 보정 용으로 많이 사용해왔습니다. 오늘은 잡티나 상처를 제거하는 힐링 브러시, 선택한 영역을 특수하게 이동하는 패치와 컨텐트 어웨어 무브 툴, 그리고 눈동자의 색을 보정하는 레드 아이 툴에 대해서 다루어보겠습니다~ 1. Healing Brush Tool 자, 이번에 다룰 도구는 잡티나 상처를 제거하는 힐링 브러시입니다~ 힐링 브러시에는 두 가지가 있어.......

뽀샵 이미지 보정 도구 (2/2) (웹디자인 강좌 연재)(035) - 하이미디어 분당 웹디자인 학원 [내부링크]

안녕하세요, 이번 시간에는 사진 보정 도구들을 계속해서 다루어보겠습니다~ 이번에 다룰 도구들은 위 8가지 도구입니다~ 다 다루어보도록 할게요. 1. Stamp Tool 스탬프 툴은 Clone Stamp Tool과 Pattern Stamp Tool로 나뉘어져 있어요. 클론 스탬프 툴은 저번에 다룬 Healing Brush Tool과 비슷한 기능을 해요. 용도도, 잡티나 상처 같은 것을 가리는 데에 쓰여요. 방법은 Healing Brush Tool과 똑같습니다. 스탬프 브러시의 크기를 [] 키를 이용하여 절히 조절하시고 Alt 키를 누르시면서 스탬프에 복제하고 싶은 부분을 클릭한 다음 그 다음에 Alt 키를 떼고 스탬프를 적용하고 싶은 곳에 클릭하시면 됩니다~ 즉, 피부의 경우는 멀쩡한 곳에.......

올레TV UHD4의 넷플릭스 지원이 11월로 연기되었습니다 [내부링크]

올레TV의 UHD4 셋톱박스는 본래 2020년 10월 19일에 넷플릭스가 지원될 예정이었습니다. 하지만 KT에 문의한 결과 2020년 10월 28일로 연기되었었고, 10월 28일에 한 번 더 문의한 결과 특정한 날짜가 정해지지 않고 11월 중 지원 예정으로 연기되었다고 답변이 왔습니다. 이에 따라 아직 미지원인 셋톱박스들의 넷플릭스 지원 일정도 연기될 것으로 보입니다.

IE에서 웹표준 CSS 그리드(Grid)를 사용할 수 있다? (1/2) (웹디자인 강좌 연재)(특집1) - 하이미디어 분당 컴퓨터 학원 [내부링크]

안녕하세요~ 이번 시간은 기존에 연재되는 내용과 다른 특집입니다~ 이번 강좌는 HTML과 CSS에 대해 어느 정도 아시는 분들을 대상으로 하므로 기존의 연재를 계속 보시던 분들 중에 아직 HTML/CSS를 잘 모르시는 분들께서는 일시적으로 이 강의를 건너뛰어주세요. 갑자기 이 특집 강의를 왜 올리게 되었느냐? CSS Grid를 IE(Internet Explorer)에서 쓸 수 있다는 부분은 인터넷 상에 잘 알려진 부분이 아니에요. 웹디자인에서 레이아웃을 잡는 건 float와 position이 전통적으로 쓰이고 있었고, 최근 들어 IE 10 이하가 쓰이지 않게 되면서 IE 11 에서 지원하는 Flex가 많이 쓰이게 되었습니다. 사실상 Flex는 현재 쓰이는 모든 브라우저에서 사.......

포토샵 누끼따기의 모든 것 (5/5) - 패스 투 셀렉션 (웹디자인 강좌 연재)(029) - 하이미디어 성남 웹디자인 학원 [내부링크]

안녕하세요, 이번에는 현업에서 쓰이는 세밀한 선택도구, 패스 투 셀렉션에 대해서 알아볼게요~ 패스 투 셀렉션은 펜툴을 이용해서 하는 선택입니다. 펜툴은 굉장히 세밀하게 그릴 수 있는 도구예요. 왼쪽 도구모음에 보면 오른쪽 위에서 8번째에 만년필촉 모양으로 되어 있어요. 일반적인 이미지는 픽셀로 되어 있지만(레스터라이즈드 상태), 펜툴은 수학적 좌표와 계산으로 이루어진 벡터 방식으로 그림을 그립니다. 픽셀로 되어 있는 이미지는 이미지를 확대했을 때 계단 모양으로 나오지만 사진 같은 불규칙한 색상 묘사가 가능합니다. 이와 달리 벡터로 되어 있는 이미지는 이미지를 확대했을 때 계단 모양이 나오지 않는 대신에 사진 같이.......

오픈소스 수도권 지하철 노선도 공개 [내부링크]

수도권 지하철 노선도 파일을 만들었습니다. 원본 파일은 SVG 벡터 방식으로 만들어져서 초고화질 확대가 가능하며코딩이나 SVG 편집툴(Adobe AI, Inkscape 등등)을 이용하여 편집하실 수도 있습니다.이 노선도와 아래 노선도 바로 보기 뷰어는 MIT 라이선스에 따라복제, 2차적저작물작성, 배포, 상업이용 모두 가능합니다. 노선도 바로 보기 - https://sinseiki.github.io/opensource-seoul-subway-map/노선도 소스 보기 - https://github.com/Sinseiki/opensource-seoul-subway-map

포토샵 크롭툴과 프레임툴 (웹디자인 강좌 연재)(030) - 하이미디어 성남 컴퓨터 학원 [내부링크]

안녕하세요, 이번 시간에는 크롭툴과 프레임툴을 다루어볼게요~ 크롭툴과 슬라이스툴, 프레임툴은 이미지를 원하는 크기로 잘라내는 것과 관계가 있어요. 이번 시간에는 이 도구들을 하나하나 다루어보겠습니다~ 1. Crop Tool크롭툴은 왼쪽 도구 모음에서 왼쪽 라인의 위에서 세 번째 도구입니다~ 이미지가 열려 있을 때 크롭툴을 쓰시면 이미지 주변에 크기 조절 상자가 생깁니다. 이 크기를 적당히 조절하고 Enter를 누르면 이 크기 조절 상자 바깥의 이미지가 잘려서 떨어져 나갑니다. 이렇게 이미지의 크기를 잘라서 조절하실 수 있습니다~ 저번에 그림판에서 보여드린 캔버스 크기 조절과 비슷하다고 보시면 됩니다. 자 이제 크롭툴의 옵션.......

포토샵 아이드로퍼툴과 편의도구들 (웹디자인 강좌 연재)(031) - 하이미디어 분당 웹디자인 학원 [내부링크]

안녕하세요, 이번 시간에는 아이드로퍼 툴과 편의 도구들을 다루어볼게요~ 아이드로퍼는 이미지 상의 색상을 뽑아내서 다른 곳에 쓰는데에 이용하고, 편의 도구들은 이미지 상에서 편집자에게 편리한 기능을 제공합니다. 이 도구들을 쓰는 방법에 대해 자세히 알아볼게요~ 1. Eyedropper Tool아이드로퍼 툴은 왼쪽 도구 모음에서 위에서 네 번째, 왼쪽에서 첫 번째에 있는 스포이트 모양의 아이콘입니다. 아이드로퍼라는 것은 안약을 넣을 때 사용하는 자그마한 스포이트를 의미합니다. 아이드로퍼는 이미지 상에서 잉크를 뽑아내어 다른 곳에 같은 색으로 칠하는 컨셉으로 사용됩니다. 아이드로퍼나 편의 기능을 사용하려면 Info 패널이 화면에.......

포토샵 브러시와 이레이저 (웹디자인 강좌 연재)(032) - 하이미디어 분당 컴퓨터 학원 [내부링크]

안녕하세요, 이번 시간에는 브러시와 이레이저를 다루어보겠습니다~ 브러시는 우리 말로 붓이고, 이레이저는 지우개죠. 말 그대로 브러시로는 그림을 그리고, 이레이저로는 그림을 지웁니다. 그럼 이제 브러시툴에는 어떤 것들이 있고, 이레이저툴에는 어떤 것들이 있는지 알아보겠습니다~ 1. Brush Tool 브러시툴은 왼쪽 도구모음 왼쪽 줄의 위에서 다섯 번째에 있는 도구입니다. 브러시툴에서 마우스 오른쪽 버튼을 누르시면 Pencil Tool, Color Replacement Tool, Mixer Brush Tool 이 있는데, 이것들은 브러시툴의 일종이에요. 그럼 맨 위에 있는 Brush Tool부터 살펴보자면, 붓으로 그림을 그리는 데에 쓰입니다~ 브러시의 옵션은 저번 누끼.......

포토샵 히스토리 브러시와 그레디언트 (웹디자인 강좌 연재)(033) - 하이미디어 성남 웹디자인 학원 [내부링크]

안녕하세요, 이번 시간에는 히스토리 브러시와 그레디언트, 페인트 버킷 툴을 다루어보겠습니다~ 1. History Brush Tool history라는 단어는 '역사'라는 뜻도 있지만, '작업기록'이라는 뜻도 있습니다. 따라서 히스토리 브러시 툴은 작업기록과 관계된 브러시라는 뜻이 됩니다~ 이 히스토리 브러시를 제대로 사용하기 위해서는 히스토리 패널이 필요한데요. History 패널은 상단 Window 메뉴에서 켜고 끄실 수 있습니다~ 자, 위 화면은 History 패널을 켜고 이레이저 툴로 사진 가운데를 지워 본 결과예요. History 패널에 New - Paste - Eraser 순서로 작업 기록이 남아 있죠? 즉, 제가 Clipboard 사이즈의 새 캔버스를 만들고, 복사한 사진을 붙.......

포토샵의 화면 구조 (웹디자인 강좌 연재)(022) - 하이미디어 성남 컴퓨터학원 [내부링크]

안녕하세요, 이번 시간에는 포토샵의 화면 구조를 한번 살펴볼까요? 포토샵에서 새 문서를 열어서 보면 다음과 같은 화면으로 이루어져 있어요. File, Edit 등으로 이루어져 있는 맨 위의 메뉴가 있고, 왼쪽에는 마키툴이나 라쏘툴 같은 여러가지 도구들이 있으며, 가운데에는 캔버스가 펼쳐져 있고, 캔버스와 맨 윗 메뉴 사이에는 도구들의 상세 옵션이 표시되어 있습니다. 또한 오른쪽에는 여러가지 패널들이 있습니다. 포토샵을 배운다는 건 이러한 구조 속에서 상세적인 기능을 익히는 걸 의미합니다. 먼저, 포토샵의 맨 위에 보시면 위의 그림처럼 메뉴가 표시되어 있는데요, 이 메뉴들에는 File, Edit, Image 등등의 세부 메뉴가 있습니다.......

포토샵의 기본 설정 (웹디자인 강좌 연재)(023) - 하이미디어 분당 웹디자인학원 [내부링크]

안녕하세요, 포토샵의 기본 설정을 다루어 볼 시간입니다~ 포토샵은 전문적인 이미지 편집 프로그램답게 많은 기본 설정을 제공해요. 이 기본 설정을 수정해서 각 개인에 맞게, 혹은 시험에 맞게 포토샵을 맞추어 줄 수 있어요. 그럼 함께 포토샵의 기본 설정에 대해서 살펴볼게요~ 다만 설정이 워낙 많기 때문에 다 다루진 않고 주로 쓸만한 부분을 설명해드릴게요. 포토샵의 기본 설정은 맨 위의 메뉴에서 Edit(편집) - Preferences(환경 설정) - General (일반), 혹은 Ctrl + K 로 하실 수 있습니다. 먼저 General에서 여러분이 확인하실 부분을 보면, Auto show the Home Screen 같은 설정이 있습니다. 여기에 체크가 해제되면 CS 버전처럼 이.......

포토샵을 영어와 한글로 사용해보자 (웹디자인 강좌 연재)(024) - 하이미디어 분당 컴퓨터학원 [내부링크]

안녕하세요, 오늘은 포토샵의 언어를 설정해 볼 거예요. 지난 시간에 포토샵은 기본 설정에서 언어를 바꾸는 것이 작동하지 않을 때도 있다고 했어요. 그래서 언어를 바꿀 수 있는 다른 방법에 대해 알아볼게요~ 그럼, 여기서 먼저. 왜 포토샵 언어 설정이 필요할까요? CC 버전은 설치하면 한글 버전으로 설치되는데 왜 영어로 쓰는 것이 필요할까요? 그리고 CS, 특히 CS6 버전은 보통 영어로 많이 설치해서 쓰는데 굳이 한글로 사용해야 할까요? 자 먼저 한글로 쓰면 여러 가지 기능을 쉽게 익힐 수 있습니다. 그리고 영어로 쓰면 여러 가지 시험 대비를 쉽게 할 수 있어요. 그 이유는 저번에도 말씀드렸 듯, 시험장에 있는 컴퓨터들에 포토샵이.......

포토샵 누끼따기의 모든 것 (1/5) - 마키·라쏘툴 (웹디자인 강좌 연재)(025) - 하이미디어 성남 웹디자인학원 [내부링크]

안녕하세요, 이번 시간부터 포토샵의 도구들을 다루어 볼 거예요. 먼저 '누끼따기'를 다루어 볼 건데요, 누끼따기는 이미지 내의 개체의 외곽선을 선택하여 배경과 분리하는 걸 의미하는 용어예요. 이 누끼따기에 쓰이는 가장 기본적이고 가장 중요한 '선택 기능'을 다루어 볼 겁니다~ 그런데 왜 선택 기능에 5시간이나 할애가 되었느냐... 포토샵의 선택 기능은 굉장히 다양하기 때문입니다~ 마키 툴, 라쏘 툴, 오브젝트 셀렉션 툴, 퀵 셀렉션 툴, 매직 완드 툴, 퀵 마스크 모드, 패스 투 셀렉션까지... 이미지의 선택은 편집의 기본이기 때문에 포토샵에는 간단한 선택부터 빠른 선택과 정밀한 선택까지 가능합니다. 이미지의 선택은 왜 중요한.......

무료로 비대면 화상 수업하기 (Teams, OBS 사용) [내부링크]

코로나가 유행하여 많은 분들께서 힘들어 하시고 있습니다. 특히 학교나 학원에서는 코로나로 인해 오프라인 수업을 피해야 하는 경우가 왕왕 발생하고 있습니다. 따라서 오늘은 무료로 화상 수업을 하는 방법에 대해 말씀드리고자 합니다. 이 방법을 쓰시면 선생님의 컴퓨터 화면 혹은 칠판과 선생님의 모습을 합성해서 송출하게 되고, 학생분들과 함께 실시간으로 소통할 수 있게 됩니다. 방법은 다음과 같습니다. 먼저 다음 주소들에서 프로그램들을 다운로드 받아주세요. OBS → 녹화프로그램이자 인터넷 방송 프로그램이기도 합니다. - https://obsproject.com/ NDI → 네트워크 장치 인터페이스로 온라인 비디오 전송에 쓰입니다. - https:.......

Not Another Needle Game 한글 패치 [내부링크]

아이워너 게임 중 하나인 낫 어나더 니들 게임(낫어니게, NANG)의 한글화를 완료했습니다. 영어판을 https://iwbtg.kayin.moe/forums/index.php?topic=19126.0 에서 다운 받으셔서 압축을 푸신 다음에, https://drive.google.com/file/d/1Mm3xpftqkhTo0tp5GC0lEzcTGyUYsxFf/view?usp=sharing 위 링크에서 한글패치 파일을 받으시고, 압축을 푸실 때 영어판의 압축을 푸신 위치에 덮어씌워주세요. 그 다음에는 파일에 포함된 NanumBarunGothic-Direct-Semoe2018 을 더블클릭하여 설치하신 후에 게임을 실행하시면 됩니다. (메인 화면과 업적 획득, 그리고 일부 층에서 글자가 깨지는 부분이 있지만 이 부분은 해결하는 방법을 잘 모르겠습니다... .......

포토샵 누끼따기의 모든 것 (2/5) - 셀렉트 메뉴 (웹디자인 강좌 연재)(026) - 하이미디어 성남 컴퓨터학원 [내부링크]

안녕하세요, 이번 시간은 포토샵의 Select 메뉴를 보는 시간입니다. Select 메뉴는 선택 기능과 관련된 다양한 기능들이 들어 있어요~ 기본적인 선택 기능과 레이어 선택 기능, 특수 선택 기능, 선택 범위 수정 기능, 선택 범위 변형 모드 진입, 퀵 마스크 선택, 선택 범위 저장/불러오기 기능이 있습니다. 기본적인 선택 기능에는 All Select, 전체 선택이 있는데 Ctrl + A를 누르시면 이미지의 전체를 선택하실 수 있습니다. Deselect는 선택을 취소하는 기능이에요. 보통은 Ctrl + D를 눌러서 선택을 취소합니다. Reselect는 선택을 실수로 잘못 취소했을 때 같은 부분을 다시 선택하는 기능입니다. Ctrl + Shift + D 를 누르시면 다시 선택을.......

아래아 한글워드 완전 기초 (2/2) (웹디자인 강좌 연재)(017) - 하이미디어 성남 웹디자인학원 [내부링크]

안녕하세요, 한글워드 기초 두 번째 시간입니다, 오늘 다루는 부분은 웹디자인에서도 CSS에서의 중요한 개념들을 다루므로 잘 봐주세요~ 이번 시간에 배울 목록은 다음과 같습니다. (9) 글자 모양폰트 사이즈폰트 패밀리레터 스페이싱볼드/이탤릭/언더라인텍스트섀도우칼라 (10) 문단 모양텍스트 얼라인(저스티파이, 레프트, 센터, 라이트)텍스트 인덴트라인 하이트 (11) 글상자 (박스 모델)윗스/하이트포지션(레프트, 라이트, 탑, 바텀)마진(레프트, 라이트, 탑, 바텀)보더/보더 래디우스패딩(레프트, 라이트, 탑, 바텀)박스 섀도우 (12) 레이어제트 인덱스 이 부분은 웹디자인에서 대단히 중요한 부분이므로 꼭 아래아 한글워드를 통해 함께 실.......

CSS 맛보기 - 웹페이지를 수정해보자! (웹디자인 강좌 연재)(018) - 하이미디어 성남 컴퓨터학원 [내부링크]

안녕하세요, CSS 맛보기 시간입니다. 지난 시간에 배운 CSS를 통해 이미 존재하는 웹페이지를 한번 수정해 볼 거예요. 오늘 수정해 볼 사이트는 바로 '네이버'와 '네이버 뉴스'입니다~ 크롬 브라우저를 여시고 네이버로 가셔서 F12키를 눌러보시면 네이버 사이트에 대한 개발자 도구가 나옵니다. 이제 그 상태에서 저번에 말씀드린 타게팅 버튼을 한번 눌러보실게요. 그 다음에는 네이버 로고를 클릭해 볼게요. 자, 개발자 도구 중간에 보시면 제가 붉은 사각형으로 강조해드린 부분에 예전에 배운 부분이 있는 게 보이시나요? width : 222px;height : 52px; 저번 시간에 가로와 세로 크기를 정할 때 width와 height를 쓴다고 말씀드렸어요. 실제.......

그림판 이미지 편집 완전 기초 (1/2) (웹디자인 강좌 연재)(019) - 하이미디어 분당 웹디자인학원 [내부링크]

안녕하세요, 이번 시간은 그림판을 다루는 첫 번째 시간입니다. 앞으로 그래픽 편집에 대해 배우셔야 하는데요, 포토샵이나 일러스트레이터는 전문 기능이 굉장히 많이 들어 있습니다. 따라서 그래픽 편집의 기본 기능이 들어 있는 '그림판'으로 그래픽 편집의 기초를 배워보겠습니다~ 이번 시간에 배울 목록은 다음과 같습니다. (1) 파일 메뉴새 문서열기저장다른 이름으로 저장하기인쇄 (2) 마키 툴 / 라쏘 툴사각 선택자유형 선택모두 선택선택 영역 반전선택 영역 이동 (3) 잘라내기 / 복사하기 / 붙여넣기 (4) 크롭 툴 (5) 트랜스폼이미지 사이즈 조절스큐 프리 트랜스폼캔버스 사이즈 조절로테이트플립 자, 여기서 한 가지 질문이 있으실 수.......

그림판 이미지 편집 완전 기초 (2/2) (웹디자인 강좌 연재)(020) - 하이미디어 분당 컴퓨터학원 [내부링크]

안녕하세요, 그림판 기초 두 번째 시간입니다~ 이번 시간에 배울 목록은 다음과 같습니다. (6) 펜슬 / 브러시 / 이레이저 (7) 페인트 버킷 / 타이프 / 아이 드로퍼 (8) 도형라인 툴엘립스 툴렉트앵글 툴라운디드 렉트앵글 툴폴리곤 툴커스텀 셰이프 툴 (9) 색상채도명도RGB (6) 펜슬 / 브러시 / 이레이저 '펜슬(pencil)'은 연필로 그리는 효과를 낼 때 씁니다. 캔버스에 마우스를 대고 클릭을 한 상태로 끌기를 하면 그림이 그려집니다. 또한 연필의 굵기를 크기 도구를 통해 선택이 가능합니다. '브러시(brush)'는 다양한 붓으로 작업하는 효과를 낼 수 있습니다. 브러시 글자 아래의 버튼을 누르시면 만년필, 스프레이, 크레파스 등등의 효.......

21세기에 맞는 공부방법 (2/2) (웹디자인 강좌 연재)(006) - 하이미디어 성남 컴퓨터 학원 [내부링크]

21세기 공부법에 대해서 계속 얘기하고 있었어요~ 저번에는 '자신이 무엇을 모르는지 아는 것이 공부'라는 걸 설명해드렸어요. 그 다음은 바로 이것입니다! 2. 영어로 검색할 줄 알아야 합니다 자, 여러분, 웹디자인을 처음으로 개발한 사람들이 한국인이었을까요? 아닙니다! 이게 무슨 뜻이냐면요, 웹디자인에 쓰이는 언어는 우리 한글이 쓰이지 않는다는 거예요. "컴퓨터야, 여기 글자를 빨간색으로 바꿔줘" 한다고 글자가 빨간색으로 바뀌진 않는다는 거예요. 즉, 세계 공용어인 영어를 사용해야 하는데, 그렇다고 걱정하진 마세요, anthropology 같은 어려운 단어가 쓰이진 않는답니다~ "color : red" 이런 식으로 영어로 해주면 글자가 빨간.......

웹디자인의 순서 (웹디자인 강좌 연재)(007) - 하이미디어 성남 컴퓨터 학원 [내부링크]

오랜만입니다~ 오늘은 웹디자인의 순서에 대해서 다루어 볼까 해요. 웹디자인, 보기에는 그냥 디자인만 하면 되는 것 같지만, 높은 가치의 웹사이트를 만들기 위해서는 여러 가지 작업을 하는 것이 필요합니다. 크게 '주제 선정', '사용자 분석 및 컨셉 정의', '시안 디자인', '코딩', '베타테스트', '퍼블리싱 및 피드백'으로 나눠볼 수 있습니다. 각 과정에서는 무슨 일을 할까요? 1. 주제 선정 먼저 웹페이지를 무엇에 관해서 만들지를 생각하게 됩니다. 상품을 판매할지, 서비스를 운영할지, 혹은 자기 자신을 소개할지, 공공 캠페인을 알릴지 등등 다양한 주제가 있게 됩니다. 무엇에 관한 웹페이지를 만들지에 따라 웹페이지의 디자인은 크.......

사이트의 주제를 정해보자 (웹디자인 강좌 연재)(008) - 하이미디어 성남 컴퓨터 학원 [내부링크]

웹디자인을 만드는 데에는 여러 과정이 있다고 말씀드렸어요. 처음에 해야 하는 것은 바로 주제 선정입니다. 무엇에 관한 웹페이지를 만들까 이것이 중요하죠. 처음에 주제를 선정하지 않으면 웹페이지가 중구난방이 될 것입니다. 주제를 선정하기 위해 해야 할 일은 바로 '나는 누구인가' 생각하는 것입니다. 정확히 말하자면, 나 또는 우리 단체의 특성을 파악하는 것입니다. SWOT 분석을 해 보자SWOT 분석이라는 것은 Strength(강점), Weakness(약점), Opportunity(기회), Threat(위협)을 아는 것입니다. 나 또는 우리 단체를 분석해서 강점은 살리고 약점은 보완하거나 가리고, 외부의 환경적인 기회를 이용하고 환경적인 위협에 대해 대응하.......

웹사이트 이용자를 정하자 (웹디자인 강좌 연재)(009) - 하이미디어 성남 웹디자인 학원 [내부링크]

웹사이트의 주제를 정했다면 그 다음은 바로 웹사이트를 이용할 이용자를 정하는 것입니다. 웹사이트의 사용자를 분석해야 한다는 것인데요, 만일 우리가 컴퓨터를 소개하는 사이트를 만든다고 해 볼게요~ 그러면 사용자는 컴퓨터를 좋아하는, 첨단 기능을 좋아하고 CPU, 그래픽카드에 관심이 많은 사람들이거나 자신에게 맞는 컴퓨터를 구매하려는 사람들일 것입니다. 그럼 사이트의 컨셉과 디자인은 첨단 기능에 전문가가 운영하는 것 같은 모습을 나타내야겠고, 또한 그런 사람이 좋은 컴퓨터를 추천하는 형태가 되어야 할 것입니다. 물론 세부적으로 사용자를 나누어서 20대 남성들에게 어필하겠다고 한다면, '컴퓨터 전문가 겸 아는 형'의 컨.......

컨셉을 잡자 (웹디자인 강좌 연재)(010) - 하이미디어 성남 컴퓨터학원 [내부링크]

웹사이트의 이용자 층이 정해졌다면 이제는 이용자 층에 맞는 컨셉을 정하도록 해요~ 컨셉을 어떻게 정하느냐에 따라 웹사이트의 디자인과 웹사이트에서 쓸 효과가 전혀 달라지게 됩니다. 수많은 사이트들의 디자인들이 획일적이지 않고 각양각색인 것은 그만큼 서로 이용자 층이 다르기 때문이고, 거기에 대해 사장님 혹은 책임자 분들이 이런 쪽으로 컨셉을 잡자 하면 이렇게 사이트의 디자인이 이루어지기 때문입니다. 조용하고 정적인 것을 좋아하는 이용자 층을 선택했다면 활발하게 동적으로 움직이는 컨셉은 지양해야 하죠. 그리고 정반대의 이용자 층을 선택했다면 동적인 효과들이 없다면 사람들의 흥미를 끌지 못할 것입니다. 그러므로.......

예술사의 흐름에서 얻는 UX/UI (1/3) (웹디자인 강좌 연재)(011) - 하이미디어 분당 웹디자인학원 [내부링크]

'예술사'라는 단어에 대해 어떤 느낌이 드시나요? 흥미로운 역사라고 생각하시는 분도 있을 수 있고, 외울 게 많아서 힘들게 했던 개념이었다고 생각하시는 분들도 있을 것 같아요. 오늘 우리가 다룰 것은 예술사 전체가 아니라 UX/UI에 큰 영향을 줄 수 있는 시대에 대해서 다루어 볼 거예요. 그 시대들은 총 5개로 '르네상스', '바로크', '고전주의', '낭만주의', '인상주의'입니다. 이윤을 많이 남긴 상품들이나 명품들은 보통 이 시대적 흐름을 잘 소화해낸 것들입니다. 또한 UX/UI 역시 이 시대적 흐름을 이해할 경우 보다 풍부한 아이디어 컨셉을 발휘할 수 있습니다. 그렇다면 UX와 UI는 무엇일까요? UI는 User Interface를 말해요. User는.......

예술사의 흐름에서 얻는 UX/UI (2/3) (웹디자인 강좌 연재)(012) - 하이미디어 분당 컴퓨터학원 [내부링크]

안녕하세요! 우리는 현재 예술사를 돌아보며 UI/UX의 컨셉을 살펴보고 있어요. 저번 르네상스 시기는 혁신의 시대라고 말씀드렸지요? 이번 시간에는 바로크와 고전주의를 함께 살펴볼 거예요. 2. 바로크 바로크는 절대왕권과 함께 이루어졌습니다. 기존의 로마 가톨릭교가 힘을 잃고 실권을 갖게 된 부자들이 왕을 도우면서, 왕의 권위는 절대적으로 커지게 되었습니다. 혁신의 시대 르네상스가 끝나고 이제 권력자들은 자기가 가진 권위를 웅장하게 키우면서, 화려하고 인공적인 예술을 통해 자신의 권위를 드러내게 됩니다. 왕의 춤 감독 제라르 코르비오 출연 브느와 마지멜, 보리스 테랄 개봉 2001.11.10. 프랑스, 독일, 벨기에 리뷰보기 이.......

예술사의 흐름에서 얻는 UX/UI (3/3) (웹디자인 강좌 연재)(013) - 하이미디어 성남 웹디자인학원 [내부링크]

이번 시간에는 마지막 예술사 시간이에요. 바로, 낭만주의와 인상주의를 다루어 볼 거예요. 르네상스와 바로크, 고전주의가 각각의 특색이 있듯이, 낭만주의와 인상주의도 UI 디자인에 쓸 수 있는 부분들이 있어요. 그럼 이제 낭만주의와 인상주의에 대해 한번 살펴볼까요? 4. 낭만주의 이제 유럽에는 산업화가 시작됩니다. 산업화와 자유방임주의적인 경제체제는 차츰 문제점을 나타내었습니다. 당장 산업화로 도시화가 진행되고 거리는 미세먼지로 덮이게 됩니다. 또한 기업주들 중 악덕 기업주가 있는 회사는 수면과 직장생활 밖에 없는 지옥 같은 삶이 펼쳐집니다. 이렇게 되자, 이제 사람들은 현실에서 벗어나 자연으로 돌아가는 꿈을 꾸게.......

무료 툴로 영상을 만들어 유튜브에 올리기 [내부링크]

여기서는 세 가지 무료 툴을 사용하는 방법을 알려드릴 것입니다. OBS, 뱁믹스, 유튜브 스튜디오입니다.1. OBS로 영상 찍기영상을 찍기 위해서는 먼저 OBS를 사용합니다. OBS는 https://obsproject.com 에서 구하실 수 있습니다. OBS를 다운로드 받고 설치하여 실행하면 다음과 같은 화면이 나타납니다. 여기에서 갈색 사각형으로 표시된 + 버튼을 누르시면 영상에 포함시키실 것이 어떤 것인지를 OBS가 묻습니다. 컴퓨터 화면 전체를 찍고 싶으시다면 &#x27;디스플레이 캡처&#x27;를 선택하시면 됩니다.특정 프로그램만 화면에 나오게 하고 싶으시다면 &#x27;윈도우 캡처&#x27;를 고르신 후에 &#x27;확인&#x27;.......

온라인 한글 입력기의 주소를 바꾸었습니다 [내부링크]

기존에 온라인 한글 입력기를 제공하던 웹페이지 서버와 계약이 종료되어 Github으로 주소를 옮겼습니다. 팥알 님의 온라인 한글 입력기를 가져와서 수정하고 있는 온라인 한글 입력기는 https://sinseiki.github.io/ohi에서 쓰실 수 있습니다.(소스코드는 https://github.com/sinseiki/ohi에 제공되며 'GNU General Public License'를 따릅니다.제어 언어는 Typescript, 디자인 언어는 Sass를 사용하고 있습니다.(현재 조금씩 자바스크립트를 타입스크립트로 계속 변환하고 있습니다.)) 신세기 판 OHI : https://sinseiki.github.io/ohi팥알 님 판 OHI : https://ohi.pat.im3beol 님 판 OHI : https://3beol.gitlab.io이호석 님 판 OHI : http:/.......

안녕하세요 하루, 하미예요~ (웹디자인 강좌 연재)(001) - 하이미디어 성남 웹디자인학원 [내부링크]

안녕하세요 여러분? 하루, 하미예요~ 앞으로 우리는 하이미디어 IT융합인재개발원의 웹디자인(프론트엔드 제작) 국비지원 과정을 둘러볼 거예요. 이 웹디자인과정은 웹디자인 뿐 아니라 웹퍼블리셔를 양성하는 교육이기도 해요. 따라서 디자인 뿐 아니라 퍼블리셔가 다루어야 하는 코딩도 다룬답니다~ HTML 기본은 물론 CSS와 JavaScript, 포토샵과 일러스트레이터까지 교육 내용을 정리하고 여러분들께 쉽게 풀어서 설명해드릴테니, 여러분, 하루ㆍ하미와 함께 웹디자인의 세계로 떠나보실까요? 성남 웹디자인 컴퓨터 학원 문의전화 031 - 759 - 5032 ※ 이 글은 신세기가 하이미디어 성남 컴퓨터학원의 강사로서 연재하는 글입니다.

HTML? CSS? 자바스크립트? (웹디자인 강좌 연재)(002) - 하이미디어 성남 컴퓨터학원 [내부링크]

안녕하세요 여러분? 하루, 하미예요~ 저번 시간에 우리는 HTML과 CSS, 자바스크립트 그리고 포토샵과 일러스트레이터를 다룬다고 했어요. 그래서 웹페이지의 기본적인 구성에 관해 설명해 드릴 거예요. HTML, CSS, 자바스크립트는 하나 하나가 컴퓨터 언어예요. 컴퓨터 언어라는 것은 우리가 현실에서 쓰는 언어처럼 문법이라는 걸 가지고 있어요. 언어가 세 가지라는 것은 익혀야 할 문법이 세 가지라는 뜻이기도 해요. 아니 그럼 웹디자인 하나 하는데 왜 이렇게 많은 언어를 배워야 하지? 그 이유는 HTML, CSS, 자바스크립트 각각의 언어가 하는 역할이 다르기 때문이에요. HTML은 웹페이지의 뼈대와 같아요. 가장 기본적인 정보가 들어 정보.......

인터넷에 게임을 만들 수 있다구? (웹디자인 강좌 연재)(003) - 하이미디어 성남 웹디자인 학원 [내부링크]

저번 시간에 우리는 HTML과 CSS, 자바스크립트에 대해서 소개해 드렸어요. 오늘은 그 중 하나, 프로그래밍을 할 수 있는 자바스크립트에 대해 더 자세히 알아볼 거예요. 컴퓨터는 전기로 작동해요. 전기가 끊겼다가 전기가 연결되는 타이밍에 컴퓨터는 의미를 부여해요. 전기가 연결되는 것을 1, 전기가 끊기는 것을 0으로 표현한다면 위 사진의 숫자대로 컴퓨터는 작동하게 돼요. 그러나 사람은 저 숫자를 보고 이게 무슨 소리인지 이해할 수 없어요. 그래서 사람은 사람이 이해할 수 있는 언어로 컴퓨터 프로그램을 만들고 그걸 컴퓨터가 알아들을 수 있도록 번역(컴파일)해 주어요. 모든 컴퓨터 프로그래밍 언어는 컴파일이 필요해요. 그리고.......

21세기에 맞는 공부방법 (1/2) (웹디자인 강좌 연재)(005) - 하이미디어 성남 웹디자인 학원 [내부링크]

오늘은 공부법에 대해서 다루어보려 해요. 2001년부터 21세기가 시작된지 벌써 20년이 되어가고 있어요. 21세기의 공부방법은 20세기와는 달라야겠죠? 그럼 20세기의 공부 방법은 어땠을까요? 보이시나요? 빼곡히 적은 글씨와 잠을 아끼기 위한 커피, 그리고 정신없이 널려 있는 종이들... 20세기에는 '3당 4락(3시간 자면 합격하고 4시간 자면 떨어진다)'이라는 말이 있었을 정도로 공부에 시간을 많이 들여야 했습니다. 그 이유는 바로 암기 때문인데요, 법조인이든 행정가든 그때 그때 필요한 것들을 두꺼운 책들 여러 권 속에서 찾을 시간이 없었기 때문에 미리미리 다 외워두는 것이었습니다. 하지만 지금은 세상이 바뀌었습니다.......

세모이 자판 리눅스 버전에 이어치기 자판이 추가되었습니다 [내부링크]

세모이 자판 리눅스 버전에 이어치기 자판이 추가되었습니다. 본래 리눅스에서의 세모이 이어치기 자판은 굉장히 오래 전부터 넣으려고 하고 있었던 것이었으나리눅스에서 한글 입력에 사용되는 libhangul 빌드에 문제가 생긴 뒤, 이 문제를 해결하지 못하고 있었습니다... 그러다가 최근에 Hodong Kim 님께서 ljbhangul 빌드 문제를 해결하는 법을 알려주셨고, 그 결과 위에 나오는 스크린샷대로 세모이 2018 자판의 이어치기를 적용할 수 있게 되었습니다. Hodong Kim 님께 정말 감사드립니다! 리눅스에서 이어치기를 사용할 수 있도록 많은 분들께서 요청하셨었는데 이제야 이어치기 자판을 선보이게 되어 죄송합니다... 사용하시는 방법은 ht.......

세모이 자판이 업데이트 되었습니다.(2018.12.02) [내부링크]

이번 판에서 몇몇 글쇠 자리가 변경되어 세모이 2017 버전과 구분하기 위해자판의 이름을 &#x27;세벌식 모아치기 e-2018&#x27;으로 변경하였습니다. (별칭은 계속 &#x27;세모이&#x27;입니다.)새로운 버전과 사용법(다운로드)에 대한 설명은 http://ssg.wo.tc/220526834927 에서 보실 수 있습니다.이번 버전의 자판은 베타테스트 때의 자판과 달라진 점이 거의 없습니다. 베타테스트가 잘 끝났고, 제가 그동안 몸이 좋지 않아서 특별히 기능을 더 추가하지 못했기 때문입니다...2018년 12월 2일(v181202) 변경사항기호 모아치기가 추가되어 한글을 입력하면서 동시에 기호를 입력할 수 있습니다. 다만 모아치기로 기호를 입력하면 기.......

세모이 자판 테스트가 지연되고 있습니다 [내부링크]

안녕하십니까? 세모이 자판을 사용해주시는 분들께 감사드리오며 테스트가 지연되고 있는 점에 대해 죄송합니다. 제가 계속 병원을 다닐 정도로 몸이 안 좋아져서 테스트 일정이 지연되고 있습니다... 하지만 최대한 빨리 테스트를 끝내려 하고 있습니다... 그리고 자판안이 확정되면 리눅스와 맥OS에서 사용할 수 있게 코딩 도움을 주실 수 있는 분을 모십니다. libhangul과 구름입력기를 수정해서 테스트를 해야 하는데 제가 리눅스와 맥OS가 없어서 이 부분을 진행하기가 쉽지 않습니다... 다시 한번 세모이 자판 공개 일정이 지연되는 점에 대해 죄송합니다...

세모이 자판이 2018 버전으로 판올림 될 예정입니다.(2018.05.05) [내부링크]

세모이(세벌식 모아치기 e-2018) 자판이 판올림 되어 베타 테스트 후에 정식으로 공개ᅟᅟᅟᅟᅟᅟᅟᅟ될 예정입니다.이번 버전은 작년 여름부터 연구되었지만 여러 변수가 발생하여 테스트에 상당한 기간이 걸렸습니다. 그리고 이제야 베타 테스트 버전을 발표할 수 있게 되었습니다.(발표가 늦어서 죄송합니다...) 현재 테스트 되고 있는 베타버전을 아래 주소를 통해 윈도우와 안드로이드,온라인 한글 입력기로 사용해 보실 수 있습니다.윈도우 날개셋 용 다운로드https://drive.google.com/open?id&#x3D;0BzJmDo24BATnbF9vV0NUMmN3Qmsㄹㅣ 님의 안드로이드 OpenWnn 한글 다운로드https://drive.google.com/file/d/1qD5CrADDgj6N3g1.......

AAC로 변환하여 MP3 음악의 용량을 줄이는 방법 [내부링크]

(이 방법은 용량이 많은 MP3 음악을 AAC를 이용해서 용량을 줄이는 방법에 대해 다룹니다.) MP3 오디오 코덱이 개발된지 벌써 꽤 많은 시간이 지났습니다. 그리고 지금도 많은 음원 사이트들은 MP3로 음원을 판매합니다. 그러나 음원 사이트에서 320kbps의 음악을 많이 받고 나면 파일 용량 때문에 저장장치를 더 사야 하나 고심하게 되는 경우가 있습니다. 사실 애플 사에서 강력하게 지원하는 오디오 코덱 AAC가 있습니다. 여러 회사들이 합작하여 만든 형식이었지만 언제부터인가 애플의 코덱이 가장 우수한 성능을 발휘하고 있습니다. MP3는 이름과 다르게 MPEG-3가 아닌 MPEG-1으로 분류됩니다. 하지만 AAC는 MPEG-2(MP2)와 MPEG-4(MP4)로 분.......

더 빠른 세벌식/콜맥 자판을 모바일로 쉽게 익히고 사용하기 - OpenWnn Korean [내부링크]

한글자판에는 두벌식과 세벌식이 있고, 영어에는 쿼티(Qwerty) 와 콜맥(Colemak) 자판이 있습니다. 세벌식과 콜맥은 익숙해지면 두벌식과 쿼티보다 좀 더 빨리 칠 수 있는 자판입니다. 사실, 한글 두벌식 자판은 우리가 표준으로 쓰는 자판인 만큼 외우기는 편합니다. 하지만, 키보드를 많이 치면 왼손의 피로도가 급증합니다. 초성과 종성을 모두 왼손으로 쳐야 하기 때문에 연타가 많이 생기기 때문입니다. 이걸 해결한 방식이 고 공병우 박사님의 세벌식 자판입니다. 공병우 박사님의 세벌식 자판은 초성자음을 오른손에, 중성과 종성자음을 왼손에 놓습니다. 초성자음과 종성자음을 따로 치기 때문에 외워야 할 자판 수는 두벌식보다 꽤 많습.......

인텔 CPU & GPU 언더볼팅(전압 다이어트) 적용기 [내부링크]

제 노트북은 쿨러가 약하다보니 순정 상태일 때에 CPU를 제대로 작동시키면 91도까지 올라가는 등 발열이 심한 편입니다.하지만 전압을 낮추면 발열이 떨어집니다. 컴퓨터의 부품은 반도체 특성상 같은 공장에서 같은 공정으로 만들어도 성능차가 생기곤 합니다. 그래서 같은 공정에서 가장 성능이 안 좋은 물품의 수치를 기준으로 하여 판매를 하게 되는데 그 결과 많은 물품들이 더 좋은 성능을 낼 수 있는 여유분을 가지고 있는 채로 판매가 됩니다.그리고 그 여유분은 컴퓨터 사용자들이 오버클럭(인위적인 속도 증가)으로 사용하거나 혹은 언더볼팅(전압 다이어트)을 통해 활용하기도 합니다.하지만 전압을 잘못 조절하면 위험합니다. 그.......

세벌식 직결식 글꼴과 게임 번역 [내부링크]

직결식 글꼴은 세벌식을 만드신 공병우 박사님께서 한글 워드를 만드실 때 로마자를 한글 글자로 하나 하나 직결하여 만들어진 글꼴입니다. 따라서 적은 용량으로 한글을 표현할 수 있다는 특징이 있습니다. 두벌식이면 초성과 종성이 나뉘어지지 않기 때문에 이런 글꼴을 만들 수가 없습니다. 하지만 세 벌 이상의 벌 수를 갖는 자판은 직결식 글꼴을 만드는 것이 가능합니다. 직결식 글꼴은 보통 게임 번역에 활용됩니다. 어떤 게임들은 한글의 2바이트 문자를 반영하지 못하는 경우가 있습니다. 이 경우에 직결식 글꼴이 사용되는데 그 이유는 직결식 글꼴의 낱자 하나하나가 1바이트로 로마자 한 글자와 크기가 같기 때문입니다. Geezer의 No.......

X2 ( 2배속 드래프트 ) v1.4 [내부링크]

X2 ( 2배속 드래프트 ) v1.4 Windows XP : 호환됨 (MPQ Draft입니다.)스타 버젼 : 어떤 버젼이든지...

X2 ( 2배속 드래프트 ) v2.0 Beta [내부링크]

X2 ( 2배속 드래프트 ) v2.0 Beta Windows XP : 호환됨 (MPQ Draft입니다.)스타 버젼 : 어떤 버젼...

X2 ( 2배속 드래프트 ) v2.0 Special No Limit Version [내부링크]

X2 ( 2배속 드래프트 ) v2.0 Special No Limit Version Windows XP : 호환됨 (MPQ Draft입니다...

X2 ( 2배속 드래프트 ) v2.0 정식 [내부링크]

X2 ( 2배속 드래프트 ) v2.0 정식 Windows XP : 호환됨 (MPQ Draft입니다.)스타 버젼 : 어떤 버젼...

X2 ( 2배속 드래프트 ) v2.01 [내부링크]

X2 ( 2배속 드래프트 ) v2.01 Windows XP : 호환됨 (MPQ Draft입니다.)스타 버젼 : 어떤 버젼이든...

X2 ( 2배속 드래프트 ) v2.1 [내부링크]

X2 ( 2배속 드래프트 ) v2.1 Windows XP : 호환됨 (MPQ Draft입니다.)스타 버젼 : 어떤 버젼이든지...

X2 ( 2배속 드래프트 ) v3.0 Beta [내부링크]

X2 ( 2배속 드래프트 ) v3.0 Beta ※ 2배속 드래프트 v3.0 Beta가 나오기 까지, X2 드래프트를 사용해...

X2 ( 2배속 드래프트 ) v3.0 정식 [내부링크]

X2 ( 2배속 드래프트 ) v3.0 정식 ※ 앞으로는 큰 버그가 발견 되지 않는 한, 이 3.0 정식 버젼을 2배속 ...

X2 ( 2배속 드래프트 ) v3.0 정식 [내부링크]

X2 ( 2배속 드래프트 ) v3.0 정식 ※ 앞으로는 큰 버그가 발견 되지 않는 한, 이 3.0 정식 버젼을 2배속 ...

X2 ( 2배속 드래프트 ) v3.0 정식 Final [내부링크]

X2 ( 2배속 드래프트 ) v3.0 정식 Final ※ 앞으로는 큰 버그가 발견 되지 않는 한, 이 3.0 정식 버젼을 ...

X2 ( 2배속 드래프트 ) v3.1 정식 Final 수정판 (NL 버젼 포함) [내부링크]

X2 ( 2배속 드래프트 ) v3.1 정식 Final 수정판 ※ 앞으로는 큰 버그가 발견 되지 않는 한, 3.0 정식 버...

X2 (2배속 드래프트) 카카루 보고서 & 스샷 [내부링크]

X2 (2배속 드래프트)의 카카루(kakaru) 스샷 모음 많은 분들께서, X2 (2배속) 드래프트의 카카루에 많은 ...

X2 ( 2배속 드래프트 )용 동물 많은 맵 5개 [내부링크]

X2 ( 2배속 드래프트 )용 동물 많은 맵 모음 원래 있던 맵들을 동물들을 X2 드래프트에 맞게 덧추가 하였...

[공유] 스타크래프트 AI (인공지능) 향상 프로그램 (패치) [내부링크]

얼마 전에 사촌 동생 녀석이 엄청난 괴물을 들고 왔었다. 스타 크래프트에서 항상 AI가 문제시 되어왔던 ...

X2 ( 2배속 드래프트 ) v3.1 Special No Limit 1원 Version [내부링크]

X2 ( 2배속 드래프트 ) v3.1 Special No Limit 1Won Version 여러분들, 그 동안 안녕하셨습니까? 정...

X2 ( 2배속 드래프트 ) v3.1 정식 Final 수정판 (NL 버젼 포함) [내부링크]

X2 ( 2배속 드래프트 ) v3.1 정식 Final 수정판 ※ 앞으로는 큰 버그가 발견 되지 않는 한, 3.0 정식 버...

꽃으로도 때리지 말라 [내부링크]

꽃으로도 때리지 말라 김혜자 지음 본문보기 평점 김혜자씨께서 굉장히 고생하시면서 쓰신 글입니다. 아프...

[공유] [깔끔] 서울과학기술대학교 레포트 표지 양식입니다. 서울과기대 학생을 위해~ [내부링크]

서울과학기술대학교 레포트 표지입니다. 서울과기대 리포트 양식으로 괜찮은 놈입니다. 모두 일러로 작업을...

[공유] 쌩초보의 백업 루팅 언루팅 [내부링크]

이글은 초보게시판의 글들을 참고하여 백업, 루팅, 언루팅 방법들을 모아 놓은 것들입니다.너무나도 많은 ...

[공유] 사이코패스 테스트2(+결과) [내부링크]

사이코패스테스트 2. 당신은 살인자입니다. 당신이 죽이려고 한 사람이 있는 힘껏 도망쳐서 옥상으로 갔습...

[공유] 15분 순환운동 [내부링크]

[CUE] 신세기 SSG 연구소

[공유] 소시오패스 _ 인격장애 [내부링크]

소시오패스 _ 인격장애소시오패스는 우리 가족 중에, 학교에, 혹은 직장에 ‘평범’해 보이는 사람들 중에 ...

[공유] [Dell 이벤트 - 기업 공식 블로그 오픈 기념] 퀴즈를 맞추면 선물이 팡팡! [내부링크]

여러분~ 축하해주세요!!Dell 기업 공식 블로그가 오픈되었습니다 그동안 많은 분들께서 Dell의 제품과 솔...

[공유] 대구 지하철 참사 [내부링크]

대구 지하철 화재 참사는 2003년 2월18일 대구 도시철도 1호선 중앙로역에서 방화로 일어난 화재 192명의 ...

[공유] 재미있는 우리말-방언 "지기미"의 어원과 호랑이 토템과 곰의 토템의 말 [내부링크]

&lt;네이버 사전&gt;きみ[君] Ⅰ&lt;名&gt; (1)임금.군주. (2)윗사람에 대한 높임말. ∥師しの∼ 스승.Ⅱ&l...

[공유] 왜 '당신'은 문어체와 구어체 의미가 상반되게 쓰이나요? [내부링크]

질문: 왜 '당신'은 문어체와 구어체 의미가 상반되게 쓰이나요? 비공개 / 2012-02-29 17:48   전 당신...

컴퓨터로 피아노를 치자 - Free Piano [내부링크]

접기 요즘 전자피아노가 10만원이 넘어가죠.인터넷 경매에서 최저가를 찾아도 애들 용 피아노가 40000원...

노트북에 안드로이드 설치해서 윈도우와 함께 쓰기 (간략 설명) [내부링크]

반드시 제 글만 읽지 말고, http://urxtion.blog.me/80128875776 http://guprohs.blog.me/20110500515 사이...

X2 드래프트 (2배속 크래프트) v4.3 정식 [내부링크]

만든이(eekdland)의 말안녕하십니까? 너무 오랜만에 뵙습니다... x2드래프트 네이버 마이홈 서비스가 끝나...

수학여행게임 - 원카드의 변형판 '조카드' [내부링크]

조카드(조커카드) (JoCard) 들어가는말 졸업여행이나 수학여행, MT를 가서 여러가지 게임도 많이 하곤 ...

모노 음악을 스테레오로 만드는 법 [내부링크]

2014년 들어서 편집기가 업데이트되어 더 기능이 개선되었으므로, 개선된 기능을 기준으로 새로이 설명해드...

컴퓨터로 카카오톡 등을 스마트폰처럼 사용하자 - BlueStack [내부링크]

컴퓨터에서 안드로이드 쓰는 법은 생각보다 간단합니다. 1. Www.bluestacks.com 에서 블루스택 다운 받기 ...

[공유] 가우스전자 - 454화 사전조율 [내부링크]

예전에는 저도 몰랐는데 가우스 전자 이번 화를 보며 많은 것을 깨닫게 되었습니다.그간 제가 프로젝트를 ...

[공유] 버스·전철 장점 혼합한 ‘가이드 웨이 버스’ [내부링크]

버스·전철 장점 혼합한 ‘가이드 웨이 버스’ [국정브리핑 2004-11-29 17:13] 나고야 가이드웨이 버스 日...

모바일 세벌식과 모바일 콜맥을 Multiling O Keyboard 앱으로 사용하는 방법 [내부링크]

첨부 파일 다운로드(첨부 파일은 2017년 07월 08일에 업데이트 되었습니다.이 글은 예전글로서 더 이상 업...

[음악] 중간고사 스마트폰용 MR 악보입니다. [내부링크]

중간고사용 안드로이드 스마트폰용 MR 악보입니다.스마트폰으로 악보를 보시며 음을 들으실 수 있습니다....

해킹 때문에 광고글 작성에 이용 당하는 사례가 늘고 있습니다. [내부링크]

요즘 광고글이 많이 올라오는데요,몇몇 유명 카페들은 그 대책으로 일반 회원들의 등급을 전부 글을 쓸 수 ...

아이워너시리즈 세이브 없는 곳에서 세이브 하는 방법 [내부링크]

!! 되는 버전이 있고 안 되는 버전도 있음을 미리 알려드립니다 !! 이 방법은 메모장을 사용하여 원하는 곳...

NWC 사용법 간략 정리 [내부링크]

NWC 사용법을 간략하게 정리한 것입니다. 쓰여 있는 기능은 하나하나 직접 해 보시면 익히기가 더욱 쉬...

테일즈위버 2013년 7월 에피소드 1 2 삭제 안내 [내부링크]

요즘 전야제 이벤트를 볼 때 이번 5.86 패치가 매우 클 것으로 예상됩니다.7월말로 예상되는 패치의 내용이...

대한민국 1인당 GDP(PPP)는 이미 30000달러를 넘어섰습니다. [내부링크]

구매력 평가 지수로 조절된 값으로 일반 GDP는 아니지만,물가가 고려된 사실상 더 실질적인 지수이니만...

Sandisk Readycache 3일차 사용 후기 [내부링크]

이 글은 제가 옥션상품평에 썼던 글을 조금 손 본 글입니다. 샌디스크 레디캐시는 32GB의 SSD를 하드 ...

세종어제 훈민정음 예의 언해 직역 [내부링크]

이 글은 학생의 위치에서 직역한 것이므로 의미 전달이 제대로 안 될 수 있습니다.그러므로 정확한 의미 전...

순신역전에서 직역 [내부링크]

이 글은 학생의 위치에서 직역한 것이므로 의미 전달이 제대로 안 될 수 있습니다.그러므로 정확한 의미 전...

노걸대 언해 중 직역 [내부링크]

이 글은 학생의 위치에서 직역한 것이므로 의미 전달이 제대로 안 될 수 있습니다.그러므로 정확한 의미 전...

동국신속 삼강행실도 경명충렬 직역 [내부링크]

이 글은 학생의 위치에서 직역한 것이므로 의미 전달이 제대로 안 될 수 있습니다.그러므로 정확한 의미 전...

동국신속 삼강행실도에서 이보할지 직역 [내부링크]

이 글은 학생의 위치에서 직역한 것이므로 의미 전달이 제대로 안 될 수 있습니다.그러므로 정확한 의미 전...

동국신속 삼강행실도 최금타적 직역 [내부링크]

이 글은 학생의 위치에서 직역한 것이므로 의미 전달이 제대로 안 될 수 있습니다.그러므로 정확한 의미 전...

서동요, 공무도하가, 정읍사, 황조가 직역 [내부링크]

이 글은 학생의 위치에서 직역한 것이므로 의미 전달이 제대로 안 될 수 있습니다.그러므로 정확한 의미 전...

윤선도 - 오우가 직역 [내부링크]

이 글은 학생의 위치에서 직역한 것이므로 의미 전달이 제대로 안 될 수 있습니다.그러므로 정확한 의미 전...

이황 - 도산십이곡 중에서 직역 [내부링크]

이 글은 학생의 위치에서 직역한 것이므로 의미 전달이 제대로 안 될 수 있습니다.그러므로 정확한 의미 전...

윤선도 - 만흥 직역 [내부링크]

이 글은 학생의 위치에서 직역한 것이므로 의미 전달이 제대로 안 될 수 있습니다.그러므로 정확한 의미 전...

정철 - 훈민가 직역 [내부링크]

이 글은 학생의 위치에서 직역한 것이므로 의미 전달이 제대로 안 될 수 있습니다.그러므로 정확한 의미 전...

윤선도 - 어부사시사 직역 [내부링크]

이 글은 학생의 위치에서 직역한 것이므로 의미 전달이 제대로 안 될 수 있습니다.그러므로 정확한 의미 전...

스마트폰이나 SD메모리 조각모음하기 [내부링크]

스마트폰 조각모음 앱들이 요즘 많이 나왔습니다.그러나 뭔가 신뢰도가 떨어지는 인터페이스나 생각보다 성...

더 빨리 치는 타자 - 세벌식 모아치기 3-90·3-91·3-2012·314·e-2017 자판 [내부링크]

말하는 속도만큼 빠르게 칠 수 있는 자판, 세벌식 동시치기 자판입니다.(첨부파일은 김용묵 님의 무료 입력...

자주 쓰는 특수문자를 쉽게 치는 방법 [내부링크]

(이 자판 배열 설정은, 김용묵 님이 개발한 무료 소프트웨어인 날개셋 입력기에서 사용이 가능하도록 만들...

세벌식 모아치기 3-90 시연 영상 [내부링크]

세벌식 모아치기 3-90 자판의 시연 영상입니다.이 자판에서 쓰인 '한 번에 모아치기'라는 방식은 한 번에 ...

드보락보다 빠르고 익히기 쉬운 영어자판 콜맥(Colemak)자판 [내부링크]

미국에는 두 개의 표준 자판이 있습니다.우리가 흔히 아는 qwerty 로 시작되는 쿼티 자판과 pyfgcrl 로 시...

1. 세벌식은 무엇인가, 그리고 왜 사용하는가? (두벌식/세벌식 비교 대조) [내부링크]

1. 세벌식은 무엇인가, 그리고 왜 사용하는가? 1.1 세벌식에 대하여세벌식 자판은 초성, 중성, 종성의 세 ...

3. 세벌식 모아치기 e-2018 자판이란? [내부링크]

세벌식 모아치기 e-2018 자판 관련 글들1. 세벌식은 무엇인가, 그리고 왜 사용하는가? 2. 세벌식 모아치기 ...

컴퓨터에서 옛한글 사용하기(중세한글/제주어아래아/소멸문자/외국어표기) [내부링크]

훈민정음에는 옛한글이 있었습니다. ㅸ, ㅿ, ㆄ 같은 옛한글은 현재는 없는 한글로 중세국어나 현재의 제주...

[공유] 공병우_한글 기계화 운동가 (글 : 이용제) [내부링크]

공병우_한글 기계화 운동가안과 의사 또는 한글 기계화 운동가 등으로 불리는 공병우는 디자인을 전공하지 ...

4. 세벌식 모아치기 e-2018 자판 사용법 [내부링크]

Windows 용 세모이 자판 다운로드 링크 세벌식 모아치기 e-2018 자판 관련 글들1. 세벌식은 무엇인가, 그...

게임의 미디와 NWC 음악을 더 실감나게 듣는 방법 - 사운드 폰트 [내부링크]

예전에는 게임 음악에서 미디 음악을 자주 사용했었습니다. 그리고 현재도 미디 음악은 RPG 게임이나 N...

디스크 조각모음 프로그램들 비교대조 [내부링크]

안녕하세요, 오늘은 디스크 조각모음 프로그램들을 비교대조한 것을 나누려 합니다. 제 컴퓨터의 하드 디스...

날개셋 입력기 용 상용구 파일 [내부링크]

첨부 파일은 날개셋 입력기 용 매크로 파일입니다. 관련 문서로는 날개셋 입력기의 이용법을 안내하는 http...

세벌식 모아치기 e 자판 타자법 안내 [내부링크]

http://ssg.wo.tc/220526834927 에서 소개해드린 세벌식 모아치기 e 자판의 자모 결합 규칙 안내 페이지입...

2. 세벌식 모아치기 e-2018 자판을... [내부링크]

세벌식 모아치기 e 자판 관련 글들1. 세벌식은 무엇인가, 그리고 왜 사용하는가? 2. 세벌식 모아치기 e-201...

두벌식 최적안 2 (설계안) (소인배 님 제작) [내부링크]

소인배 두벌식 최적안 2 (설계안) 컴퓨터 자판 보기 이 자판 배열은 두벌식 개선에 대한 설계안입니다.이 ...

리그베다위키(구, 엔하위키)가 영리화 사태로 문서 삭제가 일어나고 있습니다. [내부링크]

리그베다위키(구, 엔하위키)가 영리화 사태로 인해 2015년 4월 18일부터 정보 갱신이 안 되다가 급기야 작...

세벌식 모아치기 e 자판 시연 영상 (타자 1000타가 가능한 원리 시연) [내부링크]

↑ 기본 입력 시연↓ 약어 입력 시연 (날개셋 타자연습 - 사무엘(김용묵) 님의 프로그램입니다.OHI - 이...

나눔바른고딕 직결식 글꼴 [내부링크]

https://drive.google.com/open?id=0BzJmDo24BATnSGhvV0tXT05Pek0NanumBarunGothic-Direct...

세모이 자판 설명 목차 [내부링크]

세벌식 모아치기 e 자판 (세모이 자판) 자판 시연 영상 1. 세벌식은 무엇인가, 그리고 왜 사용하는가? (두...

세모이 자판이 업데이트 되었습니다. (2015.12.31) [내부링크]

2016년 4월 26일에 세모이 2016 자판이 공개되었습니다.http://ssg.wo.tc/220526834927세모&#5...

세모이 자판 Q&A [내부링크]

목차Q00. 세모이 자판을 입력하는 바른 자세는 무엇인가요?Q01. &#x27;갈마들이 조합&#x27;이 무엇인가...

미래경영의 아트코어 [내부링크]

미래경영의 아트코어 황순학 지음 더블북 20160115 평점 . 지금까지 기업은 적절한 가격에 좋은 품질이 있...

Qwerty, Dvorak, Colemak, Workman, Halmak... [내부링크]

이 글은 Qwerty, Dvorak, Colemak, Workman, Halmak 자판에 관한 분석글입니다.This is an analysis ...

세모이 자판이 업데이트 되었습니다.(2016.04.26) [내부링크]

(날개셋 타자연습 - 사무엘(김용묵) 님의 프로그램입니다. OHI - 이호석 님과 팥알 님의 프로그램입니다...

캡스락을 백스페이스 키로 바꾸기(Capslock to Backspace) [내부링크]

상대적으로 백스페이스는 누르기 먼 위치에 있습니다. 만일 이 백스페이스를 콜맥 자판(로마자 자판 중에 2...

무료 AI 컴퓨터 바둑 게임 - Fuego, Leela [내부링크]

알파고(Alphago) 이후로 인공지능 바둑에 대한 관심이 높아지고 있습니다. 오늘 소개해 드리는 컴퓨터 바...

세모이 자판이 업데이트 되었습니다.(2016.08.24) [내부링크]

(날개셋 타자연습 - 사무엘(김용묵) 님의 프로그램입니다. OHI - 이호석 님과 팥알 님의 프로그램입니다...

세모이 자판 소식입니다 [내부링크]

안녕하세요? 세모이 자판 소식을 전해 드립니다. 현재 제한적관찰자 님과 Fetrantium 님의 제안 말씀에 따...

세모이 자판이 업데이트 되었습니다.(2017.02.27) [내부링크]

↑ 기본 입력 시연 ↓ 약어 입력 시연(날개셋 타자연습 - 사무엘(김용묵) 님의 프로그램입니다. OHI - 이호석 님과 팥알 님의 프로그램입니다.) 세모이(세벌식 모아치기 e) 자판이 v170227로 새로이 판올림되었습니다. 이번 판올림에서는 Fetrantium 님의 제안 말씀에 따라 몇몇 약어가 삭제되고, 새 약어가 추가되어 약어의 개수가 1300개가 되었습니다. 또한 관형사·부사·조사·어미 약어에 공백이 추가되었습니다. 그리고 제한적관찰자 님의 제안 말씀에 따라 종성 ㅌ=ㅆ+ㄼ 조합이 추가되었습니다. ㅌ 조합이 ㅆ + ㄼ 로 추가되면서, ㄲ은 ㅆ + ㄽ, ㄻ은 ㅆ + ㅄ 으로 변경되었습니다. 물론 기본 조합인 ㅌ = ㅎ + ㄷ, ㄲ = ㄱ + ㅇ, ㄻ = ㄹ.......

세모이 자판이 2017 버전으로 판올림 될 예정입니다. [내부링크]

세모이(세벌식 모아치기 e-2017) 자판이 판올림 되어 곧 정식으로 공개될 예정입니다.현재 시험 사용하고 있는 베타버전을 미리 보여드리겠습니다. https://drive.google.com/open?id=0BzJmDo24BATnYzhBM1JXYmZaUEU &#65279;인터넷에서는 http://seiryeon.dothome.co.kr/2017test/ohi 와 http://seiryeon.dothome.co.kr/2017test/3beol 에서 시험 사용해 보실 수 있습니다. 이번 버전에서 달라지는 부분을 요약하면 다음과 같습니다. 오른쪽 'ㅗ'가 '.' 위치로 변경되고 문장부호 ','의 위치도 변경되었습니다. 2016 버전에서 손목이 오른쪽으로 지나치게 돌아가면 무리가 될 수 있다는 의견이 있었습니다. 더구나 모아치기를 사용하는 경우 [.......

세모이 자판이 업데이트 되었습니다.(2017.06.13) [내부링크]

이번 판에서 몇몇 글쇠 자리가 변경되어 세모이 2016 버전과 구분하기 위해 자판의 이름을 '세벌식 모아치기 e-2017'으로 변경하였습니다. (별칭은 계속 '세모이'입니다.) 새로운 버전은 http://ssg.wo.tc/220526834927에서 자세한 설명을 보실 수 있습니다. 이전 자판(세벌식 모아치기 e-2016)과의 변경사항 1. 오른손 손목이 오른쪽로 심하게 돌아가는 것을 막기 위한 변경 1) 참신세벌식 자판의 제작자이신 소유 님의 제안 말씀을 부분 반영하여 ㅗ를 [에서 '.'로 변경하여, 오른손 손목이 오른쪽으로 심하게 돌아가는 것을 막았습니다. 이를 통해 오른손 손목에 상대적으로 부하가 걸리는 것을 방지할 수 있었습니다. 2) 그 외에도 u+j, i+k .......