전체 글 159

[티스토리 스킨만들기] 로 배워가는 웹 디자인 첫번째 시간

나만의 티스토리 스킨을 만들어가며 웹 디자인 배우기 티스토리를 시작한지 이제 한달 조금 넘은 것 같습니다 티스토리를 하며 놀란 건 정말 멋진 스킨들이 많다는 것입니다 어떻게 이렇게 멋진 스킨을 만들 수 있을까요? 역시 디자이너들은 대단합니다 몇일 전부터 "어설프지만 나만의 스킨을 만들어 보고 싶다" 라는 생각이 들었습니다 "그래! 나도 한번 만들어보자" 라는 생각이 들어 포스팅을 시작하게 되었습니다 나만의 스킨을 만들고 싶지만 웹에 대한 지식이 없어 도전 할 수 없었던 분들이 있다면 저와 함께 한번 도전해 봅시다 저도 웹디자이너가 아니라 잘 모르지만 함께 학습하며 조금씩 만들어 보고자 합니다 혹, 이글을 읽는 분들 중 웹 디자이너가 있다면 도움 부탁합니다 그럼 출발~ [티스토리 관리자 화면] → [스킨변..

[MS-SQL] 프로시저 커서(CURSOR) 사용 법

MS-SQL 프로시저 커서(CURSOR) 사용 법 에 대하여 알아봅시다 연말정산 계산 로직이나 연차 계산을 위해서 프로시저 커서(cursor) 를 사용하기도 합니다 개발 중 자주 사용되지는 않지만, 한번씩 사용되는 커서에 대하여 알아 보도록 합니다 단순히 조회 된 내용을 PRINT 명령어를 사용하여 메시지로 출력되게 하였습니다 실행하면 다음과 같은 결과 메시지를 볼 수 있습니다 DECLARE cur CURSOR FOR /****** 대상 조회 시작**********/ SELECT '1' COL1, 'A' COL2 UNION SELECT '2' COL1, 'B' COL2 /****** 대상 조회 끝************/ OPEN cur DECLARE @COL1 VARCHAR(10) DECLARE @COL..

프로그래밍/DB 2017.08.31

[웹 프로그래밍] 개발자 도구를 이용한 자바스크립트 디버깅 방법

개발자 도구를 이용한 자바스크립트 디버깅 하는 방법에 대하여 자바스크립트 디버깅 하는 방법에 대하여 알아보도록 하겠습니다 웹 개발을 하지 않는 분들도 재미로 알아두면 좋겠네요 단계1 [F12] 버튼을 클릭합니다 그러면 개발자 도구 화면이 나타납니다 디버거 메뉴를 클리하여, 우측 상단 검색란을 통해 자바스크립트를 찾을 수 있습니다 다음으로 좌측 줄번호 왼쪽 바를 크릭하면 빨간 동그라미가 아래 그림처럼 표시 됩니다 단계2 저는 제 포스팅 글 "[자바스크립트] 인터넷 웹 브라우저 우클릭 방지 하는 법" 화면에서 실행 하였습니다테스트를 위해 "인터넷 웹 브라우저 우클릭 방지 하는 법" 화면 열기 → 클릭 중단점을 부분을 실행하기 위해서는 해당 함수를 실행 시켜주어야 합니다 제가 찍은 부분은 마우스 우클릭 기능 ..

[자바스크립트] 인터넷 웹 브라우저 우클릭 방지 하는 법

JavaScript 우클릭 방지 하는 법 인터넷 웹 브라우저 우클릭 방지 하는 방법에 대하여 알아봅시다 이렇게 큼직큼직하게 글을 적는 것은 내용이 아주 짧기 때문이죠 ^^ 아래 이미지는 우클릭이 가능한 상태입니다 그럼 우클릭 기능을 방지 해 보도록 하겠습니다 해당 페이지에 아래 자바스크립트 소스를 넣어주면 "끝" 이죠 우클릭을 하게 되면 웹 브라우저에서 context menu 기능을 실행 하나 봅니다 oncontextmenu 이벤트가 발생하면, 바로 false 값으로 리턴 시켜 버립니다 지금 우클릭 해 보세요~!

[스크래치] - 파일변환 방법 및 동작기능 학습하기

스크래치 코딩 파일변환하는 방법 및 동작기능에 대하여 알아봅시다 스크래치 코딩으로 멋진 게임을 만들었다면 다른 사람들이 이 게임을 즐길 수 있도록 파일을 변환해야 됩니다이번 시간에는 스크래치 파일을 변환하는 방법에 대하여 알아보도록 하겠습니다그 전에 스크래치 코딩을 해야 겠죠 아주~ 간단하게 동작기능에 대하여 알아보며, 코딩을 해 보도록 하겠습니다 그럼 코딩 출발 "왔다갔다" 움직이는 고양이 코딩좌우로 움직이는 고양 모습을 코딩 해 봅시다 스크립트 → 이벤트 → [클릭했을 때] 블록을 드래그 하여 스크립트 영역으로 이동 합니다[클릭했을 때] 블록을 시작 기능을 합니다즉, 동영상이나 플래시 영상을 재생을 클릭할 때 발생되는 이벤트 입니다 스크립트 → 동작 → [10만큼 움직이기] 블록을 이동시키고 값을 2..

[스크래치] - 초등코딩의 출발 동작 스크립트 익히기

스크래치 코딩의 출발~!! 초등학생들의 코딩교육은 부모님들이 충분히 가르쳐 줄 수 있습니다 저와 함께 스크래치 코딩을 출발해 봅시다~!! 스크래치란? MIT 공과대학 미디어랩 연구소가 개발한 어린이 코딩 프로그램으로 보다 쉽고 재미있게 코딩의 핵심 원리를 배울 수 있도록 만든 프로그램입니다. 스크래치를 이용하면 게임, 애니메이션등을 만들 수 있고, 코딩 개념을 익힐 수 있습니다. 실습환경 인터넷이 된다면 웹에서 아무런 설치 없이 가능하며, 인터넷이 안될 경우 프로그램을 설치 후 실습 하실 수가 있습니다. 실습을 위해서 이동 해 주세요 https://scratch.mit.edu/projects/editor/?tip_bar=home 스크래치 코딩이 가능한 웹 화면이 나타납니다. 인터넷 연결 없는 작업환경에서..

[MS-SQL] 세로 데이터 가로로 한 컬럼에 담기 - FOR XML PATH

여러 줄의 데이터를 한 컬럼 안에 담고 싶을 때 사용 됩니다 예를 들어 회의정보MST 테이블이 있고, 회의 참석자 정보 테이블이 있습니다그런데 회의 참석자 정보 테이블에는 한 레코드에 한 사람정보가 담겨 있을 경우이 참석자 정보들을 한 컬럼에 구분자로 하여 모두 보여 주고 싶을 때 사용 됩니다 WITH T_TABLE01 AS(SELECT '1' COL1, '가' COL2 UNION SELECT '1' COL1, '나' COL2 UNION SELECT '2' COL1, '다' COL2 ) SELECT A.COL1 , (SELECT ', ' + A1.COL2 FROM T_TABLE01 A1 WHERE (A1.COL1 = A.COL1) FOR XML PATH ('')) COL2_1 , STUFF((SELECT..

프로그래밍/DB 2017.08.29

[MS-SQL] 순서 매기기 - ROW_NUMBER() OVER

[MSSQL] 순서 매기기 - ROW_NUMBER() OVER 이런 예는 싫지만 예를 들어 과목별 등수를 매겨야 할 때가 있습니다 그런 경우 등에 사용 됩니다 왼쪽 데이터를 가지고, 오른쪽 처럼 과목별 등수를 추가 하고 싶을때 사용합니다 이제 쿼리를 보겠습니다 WITH T_TABLE01 AS (SELECT '수학' AS '과목', '철수' AS '이름', 100 AS '점수' UNION SELECT '수학' AS '과목', '영희' AS '이름' , 90 AS '점수' UNION SELECT '과학' AS '과목', '철수' AS '이름', 50 AS '점수' UNION SELECT '과학' AS '과목', '영희' AS '이름', 80 AS '점수' ) SELECT ROW_NUMBER() OVER(PA..

프로그래밍/DB 2017.08.29

[어린이코딩] 세계가 열광하고 있는 코딩교육 왜 필요한가?

어린이코딩 교육 왜 필요한가? 요즘 어린이코딩/초등코딩 교육에 대하여 그 열기가 더욱 뜨거워지고 있습니다 초등코딩의 중요성을 알아보기 위하여 먼저 IT란 무엇인지에 대하여 알아 봅시다 IT(Information Technology) 란 컴퓨터 하드웨어, 소프트웨어, 통신장비 관련 서비스와 부품을 생산하는 산업을 통칭합니다 이 중 소프트웨어를 만드는 과정을 코딩(Coding)이라고 합니다 즉, 코딩이란 프로그램 명령어인 코드(Code)를 이용하여 프로그램이나, 소프트웨어를 만드는 과정을 말합니다 지금 한국과 세계는 미국 : 1주일에 한 시간 코딩을 공부하자 영국 : 방과 후 코딩클럽(수학, 과학과 같은 수준의 소프트웨어를 만드는 코딩 교육 실시) 한국 : 2019년 부터 코딩교육의 의무화, 월 200만원 ..