본문 바로가기

분류 전체보기160

스크래치 강좌 10 - 감지(닿았는가) 누구나 쉽게 따라 할 수 있는 무료코딩교육의 시작 스크래치강좌10 - 감지(닿았는가) 감지 스크립트에 대하여 알아 보도록 하겠습니다. 감지 스크립트에는 다양한 블록들이 존재합니다. 그 중에서 이번 시간에는 [OO에 닿았는가] 블록들(3개)에 대하여 알아 보도록 하겠습니다. 그럼 실습코딩을 통해 각각의 블록의 기능에 대하여 학습 해 보도록 하겠습니다. 첫째, [마우스 포인터 에 닿았는가] 아래와 같이 코딩을 해 보기 바랍니다. [클릭했을 때] 블록 아래로 [무한 반복하기] 그 안으로 [만약 OO (이)라면] 블록을 연결합니다. 그리고 [만약 OO (이)라면] 블록의 조건부분에 [마우스 포인터 에 닿았는가] 블록을 삽입 합니다. 조건 블록이 참이 될때 실행되도록 말하기 블록을 연결 시켜 줍니다. 스프라이트 .. 2018. 7. 11.
[HTML/CSS] DIV 중앙, 가운데 배치하기 DIV를 웹화면 중앙에 배치하는 방법에 대하여 알아 보도록 하겠습니다. 블로그를 하거나 웹화면을 만들 때 content 배치를 center 또는 middle로 하고자 할 경우가 있습니다. 그런 경우 간단하게 CSS속성으로 중앙 배치를 할 수 있습니다. 핵심 CSS 태그 - position:absolute; → 절대 위치를 적용하기 위해 position값을 absolute로 설정 합니다. - top: 50%; left: 50%; → 절대 위치를 위에서부터 50% 되는 지점, 그리고 왼쪽에서부터 50%되는 지점으로 설정합니다. → 이렇게 설정하게 되면 중앙에서부터 해당 영역이 시작 됩니다. - height:300px; width:400px; → DIV의 크기를 설정 합니다. - margin:-150px 0p.. 2018. 7. 1.
[JavaScript] 펼쳐지는 세로 트리메뉴 쉽게 만들기 가장 간단하게 만들어 볼 수 있는 세로방향 트리형 메뉴를 만들어 보도록 하겠습니다. 먼저 CSS목록 속성 중 불릿에 대하여 잘 모를 경우 아래 글을 참고하시기 바랍니다. 2018/02/06 - [프로그래밍/HTML, CSS, JavaScript] - CSS 목록 속성 불릿(Bullet) 지정하기 예제모습 트리메뉴 만들기 소스 프로그래밍 HTML, CSS, JavaScript JAVA, .NET, 기타 컴퓨터일반 여행/맛집 여행 맛집 코딩하기(소스설명) 1. 먼저 불릿을 이용하여 메뉴를 만들어 줍니다. 상위메뉴 하위메뉴1 하위메뉴2 상위메뉴 2. 불릿 메뉴에 CSS 스타일 속성을 설정 합니다. - 마우스 모양 및 표시할지에 대한 속성(display)을 설정합니다. UL > LI {cursor: pointe.. 2018. 6. 25.
[보안]비공개로 인터넷 사용하는 법 어떤 이유에서든 내가 사용한 인터넷 기록을 다른이들이 알 수 없기를 원할 수 있을 것 입니다. 그래서 이번 포스팅에서는 크롬브라우저에서 제공되는 시크릿 모드 기능에 대하여 알아 보도록 하겠습니다. 시크릿 모드란 비공개로 인터넷을 사용할 수 있도록 브라우저 모드를 전환하여 사용하는 기능 입니다. 시크릿모드로 전환하여 사용시에는 다른 사용자가 내 활동을 볼 수 없습니다. 방문기록, 쿠키 및 사이트 데이터 양식에 입력한 정보를 저장하지 않게 됩니다. 시크릿 모드 사용법 크롬 설정에서 [새 시크릿 창] 을 클릭 하면 시크릿 모드로 브라우저가 전환 됩니다. ※ 단축키사용 [F10] 클릭 후 화살표 아랫방향 키(↓)를 누르면 옵션화면이 표시됩니다. 방향키를 이용하여 새 시크릿 창으로 이동 후 엔터 키를 누르면 전환.. 2018. 6. 21.