alcmskfl17의 등록된 링크

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

SKT 5G 요금제 LTE로 변경하기 및 확정기변 [내부링크]

5G 요금제 LTE로 변경통신사의 얌체 같은 규칙 때문에 일반적인 방법으로는 5G 모델을 사용할 경우 LTE 요금제로 변경할 수 없다. 그럴 거면 왜 5G 모델만 출시하는지 모르겠다. 제조사랑 짜고 치는 건지 알 수도 없는 노릇이다.게다가 5G 통신망을 다 구축하지도 않고 '강제'로 사용하게 한다는 것은 너무 합리적이지 않다. 하지만 어딜 가든 편법은 있다. 5G 요금제를 LTE로 변경해보자.※ 사전 준비물5G 모델, 4G 모델, 유심핀※ 주의사항대리점/판매점 등을 통해서 공시지원금을 받고 개통을 했을 경우 6개월 이내에 해지 시, 요금에 따른 공시지원금 차액을 뱉어 내야 한다.(위약금 발생)공시지원금이 아닌, 선택약정을 통.......

갤럭시탭 S6 라이트 분석 정리 [내부링크]

갤럭시탭의 경우 인강용으로 인기가 많은 제품이다. 그중에 갤럭시탭 S6 라이트는 가격이 저렴한 대신 스펙이 좋은 편은 아니므로 고사양 게임을 하기에는 부적합하다. 하지만 동영상 재생, 웹 서핑, 문서 뷰 등 기본적인 기능은 문제없이 충실히 수행할 수 있다. 또한 S 펜을 지원하여 간단한 포토샵 작업이나 필기를 할 수 있다는 것이 가능하다.불편한 점은 2020년에 출시된 제품 치고 노크온 기능이 없다. 노크온이란 화면을 노크하듯이 두 번 터치하여 화면을 키는 것인데 평소 노크온을 애용한다면 노크온의 부재가 다소 불편할 수도 있다.노크온의 문제는 애플리케이션을 통해서 해결이 가능하다. 구글플레이스토어에서 Double Tap Scre.......

알뜰폰 요금제 총정리 [내부링크]

요즘 알뜰폰 활성화가 굉장히 잘 되고 있는데, 기존 메이저 통신사와 비교할 수도 없을 만큼 요금제가 저렴하기 때문이다. 당장 LTE 무제한 요금제만 비교해 봐도 메이저 통신사의 경우 6만 원의 요금이 발생하지만, 알뜰폰의 경우 2~3만 원 정도로 상당히 저렴하다.알뜰폰 요금제에 대한 정보는 알뜰폰 허브에서 찾아볼 수 있는데, 알뜰폰 업체가 굉장히 많기 때문에 메이저 통신사와 다르게 요금제만 본다면 상당히 많다. 따라서 복잡하게 분포되어 있는 알뜰폰 요금제를 정리하고자 한다.알뜰폰 요금제 정리알뜰폰 허브에 접속을 하면, 맞춤 요금제 상품을 선택하자.평소 사용하는 특성에 따라 요금제를 추천받을 수 있다. 본인이 직접.......

블로그 누적 방문자수 100만 달성 [내부링크]

2020년 7월 31일 누적 방문자수가 100만을 달성했다.히스토리블로그를 2009년 4월 23일에 시작하고 2009년 말에 누적 방문자수를 50만을 돌파했었지만, 그 이후 활동하지 않았다. 하루 만에 몇천씩 심지어 만 단위의 방문자가 온 적이 있었지만 블로그 활동을 쉬니까 생각보다 빠른 하락세로 이어졌다.2016년 블로그 활동을 잠깐 시작했을 당시 누적 방문자수는 90만 정도 됐는데, 과거와 다르게 방문자수를 쉽게 끌어올릴 수 없었다. 의욕을 잃고 또다시 활동을 접었다. 2019년 다시 활동을 시작했다. 랜덤능력크래프트를 꾸준히 사랑해 주는 분들 덕분에 일일 방문자수가 100을 유지하고 있었다. 이분들이 지금까지 블로그 성장에 크게 기.......

핸드폰 싸게 사는법 정리 [내부링크]

보통 휴대폰을 사기 위해 매장을 방문하면 선택약정 할인, 공시지원금, 각종 카드할인 등 복잡한 게 많다. 게다가 이 복잡함을 이용하여 소비자를 속여서 판매하는 판매자도 있기 때문에 여러 혜택을 받고 잘 샀다고 생각을 하더라도 들여다보면 사기를 당한 경우가 많다. 따라서 휴대폰을 잘 사기 위해서는 어느 정도 지식이 있어야 한다.단통법단통법 시행 이전에는 휴대폰을 판매하는 직원이 마음대로 지원금을 지원해 줄 수 있었다. 따라서 이곳저곳 발품을 팔다 보면 휴대폰을 저렴하게 구매할 수 있었지만 단통법이 시행됨에 따라 직원이 주는 지원금은 불법이 되었다.단통법 때문에 정상적인 방법으로는 휴대폰을 싸게 사기 힘들다.......

타 블로그 방문자수 확인 [내부링크]

방문자수 확인블로그를 운영하면서 생긴 습관이 있는데, 내 글이 상위노출이 잘 되는지 검색해보는 것이다.이렇게 최상단 노출이 되면 좋은데, 경쟁력이 강한 키워드 같은 경우는 상단에 노출되는 것이 쉽지 않다. 블로그를 시작한 지 얼마 안 됐으면 거의 하단에 노출될 텐데 이때, 내 글 보다 상위노출된 블로그는 어떻게 블로그를 운영할까라는 생각에 상위노출된 블로그를 방문하곤 한다.방문한 블로그의 방문자수가 궁금해져서 확인을 하려고 했으나 간혹, 해당 블로거가 방문자수를 확인할 수 있는 투데이 위젯을 배치하지 않은 경우가 있다.이 위젯을 배치하지 않으면 일반적인 방법으로는 PC 버전에서는 확인이 안된다. 하지만.......

자급제폰 단점/장점 [내부링크]

본문에 들어가기에 앞서 자급제폰 뜻을 간단히 설명하자면 이동통신사를 거치지 않고 매장이나 오픈마켓을 통해 직접 구매하는 방식의 폰으로 소비자는 대리점의 요금제 강요를 받지 않고 원하는 통신사, 요금제를 선택하여 가입할 수 있다.자급제폰 단점공시지원금자급제폰은 매장이나 오픈마켓을 통해 구매하는 방식으로 이동통신사의 공시지원금을 받을 수 없다. 즉, 자급제폰은 정가를 주고 사야 한다는 단점이 생기지만 공시지원금을 받지 못하는 것을 커버할 수 있다.자급제폰의 대부분 정가로 구매하지만, 원하는 통신사를 선택할 수 있고 '선택약정'을 통해 가입할 수 있다.※ 선택약정이란 1년, 2년 등의 기간 동안 해당.......

갤럭시노트20 사전예약 자급제폰 [내부링크]

갤럭시노트20 사전예약 혜택 정리현재 쿠팡에서 갤럭시노트20 사전예약 이벤트를 진행하고 있다.※ 자급제폰이란? 이동통신사가 아닌 매장이나 오픈마켓을 통해 구매하는 방식의 폰으로 통신사의 요금 강요 없이 자유로운 통신사와 요금 선택이 가능하며, 기존에 사용하던 유심을 넣어서 사용할 수 있다.카드 할인자급제폰은 보통 정가로 사기 마련인데, 사전예약 혜택으로 카드할인이 13% 가능하다. 이 수치는 갤럭시노트20의 경우 약 15만원의 할인 효과를, 갤럭시노트20 울트라의 경우 약 18만원의 할인 효과를 볼 수 있다.또한 대리점을 통해서 구매를 할 경우 할부이자가 5.9% 발생하지만, 표에서 보시다시피 무이자 할부가 가능하다.......

돈(Money)에 대한 생각 [내부링크]

※ 글쓰기에 앞서 이 글은 블로거 EDS 님의 '돈과 가치에 관하여' 게시글(아래 링크)을 읽고 갑작스럽게 필받아서 작성하였음을 알립니다.돈(Money)돈으로는 할 수 있는 게 많다. 사고 싶은 것을 살 수도 있고, 먹고 싶은 것도 먹을 수 있고, 배우고 싶은 것, 하고 싶은 것 등 돈으로 할 수 있는 것은 상상을 초월할 만큼 많다.돈을 싫어하는 사람이 있을까? 특정한 사건의 경험이나 후유증 등 정말 특별한 경우를 제외하면 없을 것이다. 왜 이렇게 단정 지을 수 있는지 묻는다면 우리가 최소한의 '인간다운' 삶을 유지하는 데 있어서 '돈'은 필수적인 존재이기 때문이다.이러한 '돈'이라는 교환재.......

아이패드 프로 4세대 분석 정리(11인치/12.9인치) [내부링크]

아이패드 프로는 아이패드 시리즈(iPad Pro, iPad Air, iPad, iPad mini) 중에서 가장 큰 모델이며 키보드를 장착하여 노트북처럼 사용할 수 있다. 또한 노트북 보다 가볍고 성능 또한 뒤처지지 않기에 다양한 그래픽 작업부터 고사양 게임도 구동이 가능하며 노트북 대용으로 사용하는 사람들도 많다.아이패드 프로 4세대(iPad Pro 12.9)는 애플이 2020년 3월 18일에 공개했으며, 크기에 따라 11인치, 12.9인치로 나눌 수 있다. 또한 두 버전 모두 색상은 스페이스 그레이, 실버 두 가지가 있다.Your next computer is not a computer당신의 다음 컴퓨터는 컴퓨터가 아니다.- 애플(Apple)스펙전작과의 비교만약 전작인 3세대와 별 차이가 없.......

알뜰폰 셀프 개통 방법 [내부링크]

필자는 알뜰폰을 사용하고 있다. 그 이유는 저렴한 요금제와 쓸데없는 혜택들이 없고 오로지 내가 구매한 요금제만 사용하기 때문이다. 메이저 통신사의 경우에는 멤버십 할인, VIP 혜택, 추가 회선 등 다양한 상품을 묶어 팔기 때문에 요금이 비쌀 수밖에 없다.무제한 요금제를 기준으로 어느 정도 차이가 나는지 대략적으로 정리하자면, 메이저 통신사는 6~7만 원대(이마저도 5G는 더 많은 요금을 요구한다) 알뜰폰 통신사는 2~3만 원대로 두 배 이상 저렴하다. 물론 무제한 요금제를 사용하지 않을 경우 가격차이는 기하급수적으로 상승한다. 알뜰폰 개통 준비알뜰폰 개통을 하기 위해서는 본인 확인을 위해 신용카드 또는 범용공인인증서.......

안예은 [내부링크]

요즘 호랑수월가라는 노래에 빠져서 유튜브로 듣고 있었는데 우연히(?) 유튜브 알고리즘으로 인해 안예은의...

이클립스 폰트 바꾸기 [내부링크]

글씨가 너무 작거나 크거나 어쨋든 폰트가 마음에 들지 않는다.그럼 바꿔야지Window 탭 > Preferences 클릭검색 부분에 font 를 입력하거나,General > Appearance > Colors and Fonts진입 후 basic 클릭맨 밑의 Text Font 클릭 후,우측 Edit... 버튼 클릭입맛대로 수정하자.난 변화를 쉽게 체감하기 위해서 크기를 26로 설정할 것이다.그리고 Apply 클릭성공!

[JAVA] 배열 랜덤으로 섞기(셔플) [내부링크]

배열을 랜덤으로 섞어보자.pigg 라는 10 크기를 가진 배열에 각 배열 자리의 숫자를 넣었다.pigg[0] 에는 0pigg[1] 에는 1pigg[2] 에는 2......이제 이 배열을 섞어보자배열을 섞어주는 셔플(Shuffle) 이라는 함수를 만들었다.셔플(Shuffle) 메소드의 작동 과정매개변수로 배열과 int 타입의 count 를 받는다.1. int 타입의 변수 temp, temp2, randomNum1, randomNum2선언2. randomNum1 은 배열의 길이 중 랜덤값(4)을 입력 받아 저장한다.3. rendomNum1 을 사용하여 랜덤한 배열 원소(4)를 뽑아서 temp 에 저장4. 두 번째 타겟을 랜덤으로 뽑기 위해 배열의 길이 중 랜덤값(9)을 입력 받아 randomNum2 에 저장5. randomNum2 을.......

[랜능크 헌터] 중립 컨트롤 [내부링크]

중립 컨트롤은 랜덤능력크래프트 헌터(랜능크 헌터)의 능력 중 하나입니다.중립 컨트롤의 능력 설명입니다.텍스트 상으로는 이해가 잘 안되실 수도 있으실텐데요3분 후 타겟(탱크) 유닛이 지급이 됩니다.이녀석으로 중립 컨트롤을 할 수 있어요자리를 잡고 시즈모드를 하면 해당 자리에 컴퓨터 소유의 시즈탱크가 나옵니다.이 시즈탱크는 능력자를 포함하여 모든 플레이어를 공격하는데요, 죽이기 위해서는 강제 어택을 해야 합니다.타이머 기준으로 5분마다 맵 곳곳에 컴퓨터 소유의 유닛들이 등장하게 되는데 이 유닛들을 곧 바로 마지막으로 시즈모드를 했던 지점으로 돌격합니다.능력자 또한 얻어 맞는 건 어쩔 수 없지만 컴퓨.......

[JSP] 게시판 페이징 처리 [내부링크]

게시판에서 흔히 볼수 있는 페이징 처리를 해보겠다.MySQL 기준으로 작성 했으며, 데이터 베이스가 MySQL 이 아니라도 Limit 을 스크립트릿으로 처리해서 구현할 수도 있다.아직 MySQL 연동을 하지 않았다면 하도록 하자.MySQL 연동 및 쿼리 사용은 아래 링크 참조https://blog.naver.com/alcmskfl17/221862037566아래는 샘플 데이터.전체 데이터가 25개 있다.(select count(*) from board 를 통해 알 수 있다.)한페이지에 10개의 게시물이 나오도록 처리를 할 것이다.25를 10으로 나누면 2.5 가 나올텐데 나머지 5개 또한 표시를 해줄 것이기 때문에 반올림을 해줘야 한다. 즉, 25의 숫자를 받으면 3이 반환될 것이다.1 페이지에는.......

[JAVA] 자바 환경 변수 설정 [내부링크]

명령 프롬프트에서 자바(Java)를 인식시켜 주기 위해 변수 설정을 한다.또한 톰캣(Tomcat) 연동 시, 환경 변수가 설정되어 있지 않다면 에러가 발생한다.※ 사실 처음에는 무작정 따라 한다고 정신이 없겠지만, 그렇게 하면 나중에 환경변수 설정을 할 때 또 찾아봐야 하는데 이 얼마나 아까운 시간인가.사실 원리가 간단해서 시간을 조금만 더 투자해서 이해 해보면 다음에는 찾지 않아도 혼자서 해결할 수 있게 되니 반드시 이해를 하고 넘어가는 것을 추천한다.자바(Java) 환경변수 설정하기JDK 를 설치했다는 가정하에 시작한다. 만약 설치를 하지 않았다면, JDK Downlaod 를 검색하여 다운을 받도록 하자.1. C:\Program Files\Java 접.......

[JSP] 자바빈(JavaBean) [내부링크]

자바빈(JavaBean)을 간단 요약하자면 JSP에서 객체를 사용하여 데이터를 저장하고 불러올 수 있는 기법이며, 다음과 같은 규격을 가진다. (규격을 갖추지 않고 사용할 경우 에러가 발생한다.)1. 반드시 패키지화 해야 한다.2. 멤버변수는 프로퍼티(Property)라고 한다.3. 프로퍼티(멤버변수)의 접근 지정자는 private로 해야 한다.4. 프로퍼티(멤버변수)마다 getter, setter 가 있어야 한다.5. 읽기 전용의 경우 getter 만 있어야 한다.6. getter 메소드에는 파라미터가 존재하면 안된다.7. setter 메소드에는 하나 이상의 파라미터가 존재해야 한다.getter, setter 같은 경우는 자동 완성을 하여 그대로 사용하면 문제 되지 않는다.사용 방.......

게임의 가치가 그래픽 쪼가리? [내부링크]

그래픽 쪼가리누구나 한번 쯤은 들어보거나 생각해보지 않았을까?"도대체 저런 그래픽 쪼가리에 돈을 왜 쓰는거야""그래픽 쪼가리가 뭐라고......""그래픽 쪼가리로 날로 먹네""게임 개발해서 아이템만 찍어내면 자원 소모 없이 돈 버니 개이득"여러분의 가치 판단에 조금이라도 도움이 되었으면 하는 마음으로그래픽 쪼가리라고 불리는 게임의 가치에 대해서 내 생각을 글로 써본다.게임의 가치그래픽 쪼가리라는 말이 어디서 나온지는 잘 모르겠지만, 네이버의 국어사전을 보면작다? 하찮다? 그렇다는 것은 게임의 가치를 정말 적거나, 없다고 생각하고 쓴 말일 것이다. 과연 그럴까?분명 언.......

[랜능크 헌터] 코스투라 캐논 [내부링크]

랜덤능력크래프트 헌터의 능력 중 하나입니다.코스투라 캐논은 테란 스페셜 건물을 가지고 시작합니다.코스투라 캐논의 능력 설명입니다.이 능력은 10분이 지나면 캐논의 발사 목표를 정할 수 있는 탱크가 나오는데요요녀석 입니다.이 탱크를 시즈모드 할 경우 캐논은 해당 지점을 향하여 발사를 하게 됩니다.탄환인 뮤탈은 플레이어가 컨트롤할 수 없으며 효과는 다음과 같습니다.- 탄환과 부딪히는 모든 적플레이어의 유닛은 파괴된다.- 탄환에는 소형 블랙홀이 장착되어 있어서 근처의 모든 유닛을 끌어당긴다.- 일정 시간마다 탄환 주변의 능력자를 포함한 모든 플레이어를 타격한다.- 목표 지점에 도착 후 폭발하며 넓은 범위의 모.......

[JSP] 이클립스에 톰캣(Tomcat) 셋팅하기 [내부링크]

톰캣(Tomcat) 다운로드https://tomcat.apache.org/download-70.cgi본인은 7.0 버전을 설치했다.서버 구동 확인하기127.0.0.1:8080이 주소는 자기 IP 주소이며, tomcat 의 기본 포트번호인 8080을 붙이고 접속을 해보자.톰캣 서버가 정상적으로 켜진 것을 확인할 수 있다.일단 configure.... 를 클릭하고Startup type 을 Manal 로 설정하자.이클립스에서 톰캣을 불러서 쓸 것이다.그리고! 이상태로 두면 나중에 이클립스에서 연동을 하려고 하면 포트 충돌이 일어난다. 따라서 톰캣 서버는 꺼야한다.Stop service 를 클릭해서 끄자.톰캣이 제대로 꺼졌는지 확인하는 법은 웹 브라우저에서 127.0.0.1:8080 치고 톰캣이 아닌 이상.......

사용중인 포트(Port)번호 확인 및 충돌 해결하기 [내부링크]

서버 관련 개발을 하다 보면 포트(Port)를 신경 쓰지 않을 수 없다.항상 포트번호를 사용해야 하는데 다른 포트번호와 충동하면 안되기 때문이다.예를 들어 톰캣의 기본 포트는 8080 인데 이 포트가 다른 서비스에서 사용될 경우 톰캣이 에러가 발생한다. 따라서 사용하려는 서비스의 포트번호를 바꾸거나 8080 포트로 실행되고 있는 서비스를 중지해야 한다.먼저 어떤 포트가 서비스 되고 있는지 확인하기 위해서윈도우키(좌측 하단의 Ctrl 키와 Alt 키 사이에 있는)키 + R 을 누른다.또는 검색으로 cmd 입력.netstat 는 사용중인 포트를 확인할 수 있는 기능으로 여러 옵션이 있다.cmd 창에 netstat/? 를 입력하여 옵션을 확인할 수 있다.......

[MySQL] 오류(1366) 한글 깨짐 해결하기 [내부링크]

에러 원인insert into로 한글을 넣으려니까 SQL 오류(1366) 에러 메세지가 발생했다.Nickname 컬럼에 잘못된 문자열이 들어갔다며 한글을 인식하지 못한단다.해결 방법(Solution)1. 데이터베이스의 CHARACTER , COLLATE 설정을 uft8 로 설정하기1-1. 데이터베이스 생성시 설정하기1-2 이미 생성된 데이터베이스에 설정하기이 경우는 적용 후 생성된 테이블만 적용된다.(이미 만들어져 있는 테이블에는 적용X)2. 테이블의 CHARACTER , COLLATE 설정을 uft8 로 설정하기테이블 같은 경우는 해당하는 테이블만 적용된다는 것을 명심하자.2-1. 테이블 생성시 설정하기데이터베이스와 똑같다. 뒤에 DEFAULT CHARACTER SET utf8 COLLATE .......

[MySQL] 프로시저(Procedure), Delimiter [내부링크]

MySQL의 프로시저(Procedure)의 기본 문법은 다음과 같다.프로시저 호출Delimiter 란?Delimiter $$ ~Delimiter ;이 부분은 명령문을 구분을 해주는데 이미 MySQL에서 세미콜론(;) 으로 명령문을 구분 할 수 있다.하지만 굳이 Delimiter 를 사용하는 이유는?일단 결과 부터 확인해보자.SQL 오류 (1064) 이 발생한다.그러니까 MySQL 에서 어떤 문법인지 인식을 못하게 된다.왜 인식을 못하느냐?프로시저(Procedure) 안에는 세미콜론(;) 이 여러개 등장한다. 그렇다면 프로시저 자체를 한 명령문으로 보는 것이 아닌, 프로시저 중간 중간에 있는 세미콜론(;) 단위로 명령문을 쪼개서 읽어버리기 때문에 인식을 못하는 것이다.따라서 프.......

[MySQL] 트리거(Trigger)의 활용 [내부링크]

트리거(Trigger)란 특정 조건이 만족하면 저절로 실행되는 일종의 장치라고 볼 수 있다. 이녀석은 프로시저(Procedure)나 펑션(function)과 다르게 한번 설정을 하면 동작을 항상 감시하고 있다가 조건에 해당하는 동작이 수행되는 순간 실행되는 특징을 가지고 있다.기본 구조종류행 트리거: 테이블의 행 각각 실행된다.문장 트리거: INSERT, DELETE, UPDATE 문에 대해서 한번만 실행된다.이벤트 속성트리거 작동 시점- Atfer : 이벤트(조건 명령문) 발생 이후 트리거 실행- before: 이벤트(조건 명령문) 발생 이전 트리거 실행이벤트(조건 명령문)Delete: 삭제 했을 때 트리거 실행Insert : 삽입 했을 때 트리거 실행Update : 삭제 했.......

[JSP] 자바 코드 적용하기(스크립트릿) [내부링크]

이클립스에서 JSP 파일을 만들면이와 같은 기본 코드가 만들어진다.<%@ page language="java" contentType="text/html; charset=EUC-KR"pageEncoding="EUC-KR"%>는 이 문서가 JSP임을 알리는 것이다. HTML 관련 태그와 스타일이 먹힌다.정확히 말하자면 HTML 에 java 코드를 사용할 수 있는 것이다.스크립트릿으로 자바(java) 코드를 사용해보자. JAVA 코드 적용 예제구구단을 출력 하되 엇박자로 레드, 블루 색의 스타일(css)을 적용하도록 해보겠다.특징으로는 <% 자바코드 %> 로 자바코드를 사용할 수 있다는 것이다.HTML 상에 표시하기 위해서는 <% %>(스.......

[JSP] Request 값 전달하기 [내부링크]

Request 는 html Form을 통해서 페이지간에 데이터를 주고 받을 수 있도록 도와주는 내장 객체이다. (javax.servlet.httpServletRequst)사용하기 위해서는 값을 주고 받으니 당연히 주고 받을 두개의 jsp 가 필요하다.예제값을 보내는 Request.jsp값을 받는 RequestProc.jsp를 만들 것이다.Request.jspsubmit 타입의 버튼을 누르면 form 태그 안의 값들이 action 으로 지정한 페이지로 각각의 name(또는 value) 에 저장되어 다음페이지에 값이 넘어가게 된다. RequestProc.jspsubmit 을 통해 값을 가지고 진입한 페이지다.값을 가져오는 방법은 다음과 같다.request.getParameter("name");즉, 이런식으로 전 페이지의.......

[JSP] 이클립스에 MySQL 연동하기 [내부링크]

1.다운로드구글에 mysql connector java bin 을 검색하여 다운로드 하거나첨부 파일을 다운로드 한다.다운로드 받은 mysql-connector-java 를 복사(Ctrl+C)2.좌측 Project Explorer 에서 작업을 진행한다.프로젝트 -> WebContent -> lib 에 붙여넣기(Ctrl+V)3.연결할 프로젝트 우클릭 -> Build Path -> Configure Build Path... 클릭Libraries 탭 -> add JARs... 클릭OK -> Apply -> OK4.좌측 Project Explorer 에서 작업을 진행한다.작업할 프로젝트 우클릭 후 패키지생성이름은 짓고 싶은대로 짓자.프로젝트 -> src -> myPack(방금 생성한 패키지) 패키지가 생성 되었다.5.방금 만든 패키.......

[JSP] 이클립스에서 MySQL 쿼리 사용하기 [내부링크]

이 포스팅에서는 MySQL 연동 후 쿼리 사용하는 것을 다룬다.MySQL 연동은 아래 링크 참조https://blog.naver.com/alcmskfl17/221861615275지난 포스팅에서 TestDAO.java 를 통해 MySQL 연동을 했다.이제 SQL 문을 실행할 메소드를 구현하면 된다.TestDAO.java// Method ---------------------------------주석의 밑 부분에 구현한 메소드가 있다.insert, delete, update, select 하나하나 살펴보자.insertUser(String id, String pw)PreparedStatement (pstmt) 는 SQL 쿼리를 실행해주는 객체다.어디에서 실행을 시킬 것이냐? 앞서 연동해둔 conn 에 연결하고 미리 만들어둔 String 타입의 SQL 를 매개변수로 넣는다.? 에 들어갈.......

[JQUERY] 사용자 정의 팝업 [내부링크]

간단한 팝업은 javascript의 alert 알림 처리를 할 수 있지만 한계가 있다.또한 window.open 또는 a 태그의 _black 속성으로 새창을 띄울 수도 있지만 html 파일이 하나 더 필요하고 팝업인데 새 창이 뜬다는 것이 불편할 것이다.이러한 단점들은 보완하고 원하는 디자인의 알림창이 사용하고 싶다면 사용자 정의 팝업(알림창)을 만들어야 한다.전체 코드기본새로운 html 창을 띄운다.팝업2display: none; 으로 보이지 않게 한다.z-index 의 우선순위를 2로 설정하여 다른 컨텐츠 보다 위에 있게 한다.팝업2 - script팝업2 버튼을 클릭했을 경우 fadeIn 함수를 통해 0.3초에 걸쳐서 애니메이션 효과를 주면서 나오게 한다.draggable() 은.......

나의 마술 [내부링크]

세상에서 아니, 지구에서 사람들이 말하는 마술은 단순히 사람을 속여서 놀랍게 하는 속임수다. 내가 어렸을 때 장래희망으로 생각했던 마술사는 그런 마술사였다. 고리가 고리를 통과하는 눈속임 마술을 보고 신기해 했으니까. 그걸 배워서 좋다고 친구들한테 보여주고 다니고 즐거워했다 그땐 그것이 나의 마술이었다.하지만 지금의 나의 마술은 다르다. 상식적으로 말이 안되는 그러니까 불가능할줄만 알았던 것을 해결하는 것이 진짜 마술이다. 이 마술은 단순한 속임수가 아니다.나는 세상에서 해결할 수 없는 일은 없다고 생각한다. 해결을 못했다고? 그건 내가 해법을 못찾았을 뿐 해법은 분명 있다.많은 사람들이, 특히 그 중에서 내.......

만약에 그랬더라면 [내부링크]

만약 그랬더라면 어땟을까, 다른 선택을 했더라면?지금까지 살아오면서 수 많은 선택을 했다. 그러면서 생각한다. "만약 다른 선택을 했었더라면", "다른 말을 했었더라면" 하지만 엎질러진 물은 주워 담을 수 없다.이것은 과학이 아무리 발전하더라도 절대 되돌릴 수 없다.되돌릴 수 없다는 것을 알면서도 생각이 난다. 하지만 생각을 좀 더 해보자 아마 다른 선택을 하더라도 또 다른 선택을 생각하며 새로운 상상을 하지 않을까?인간은 정말 만족을 모르기 때문에 똑같은 실수를 반복하기 때문에 그럴것이다.만약이란 것은 없다. 그저 상상일 뿐이며, 일어나지 않은 일이다. 현재로서는 불가능한 일이며, 절대 시도.......

[MySQL] 테이블 생성 Create Table [내부링크]

데이터베이스를 사용하기 위해서는 데이터가 들어있어야 할 테이블이 필요하다. 이 테이블을 만드는 것이 Create Table 이다.member 라는 테이블을 만들었고 컬럼으로는int 타입의 IDNum (Primary Key)char 타입의 ID (not null),char 타입의 PW (not null)--Primary Key -> 테이블 내에서 중복되면 안되며 유일한 값이어야 한다.not null -> 빈값을 허용하지 않는다.--<결과>

[MySQL] 데이터 삽입 Insert Into [내부링크]

insert into 를 통해 데이터를 삽입하는 방법은 2가지가 있다.방법1. 직접 넣기INSERT INTO 테이블명 VALUE(데이터);컬럼 순서대로 데이터를 넣는다.예제의 데이터 타입: int, char, char테이블명 대신 컬럼을 지정해서 넣을 수도 있다.특정 컬럼에만 넣기member 테이블의 IDNum, ID, PW 컬럼에 6, 'pizza', '1234' 데이터를 삽입.select 문을 통해서 확인해보자.방법2. 검색 결과를 삽입하기member 테이블과 구조가 완전히 같은 member2를 만들어놨다.하지만 member2 에는 아무 내용이 없다.이 member2 테이블 안에 member2 테이블의 내용을 복사해서 넣을 수 있다.INSERT INTO 값을 넣을 테이블(컬럼)SELECT.......

[MySQL] SELECT 조건별 검색 [내부링크]

모든 데이터 검색해당 테이블의 모든 데이터를 검색한다.조건 검색 Where(조건 검색을 실행할 테이블의 데이터는 위와 같다.)IDNum 이 2인 ID를 검색ID 가 lemon 인 모든 컬럼을 검색ID 가 lemon 이 아닌 모든 아이디 검색PW 가 12 를 포함한 모든 컬럼을 검색like 사용법like 'pigg?' : ?(한자리)만약 pigg1234 pigg1 데이터가 있다면 pigg1 이 검색된다.like 'pigg%': (pigg 이후의 모든 글자 포함)만약 piggASD ASDpigg 가 있다면 piggASD이 검색된다.like '%pigg': (pigg 이전의 모든 글자 포함)만약 piggASD ASDpigg 가 있다면 ASDpigg이 검색된다.like' %pigg%': (pigg 를 포함한.......

[MySQL] UPDATE [내부링크]

UPDATE 데이터를 수정할 때 쓰는 쿼리다.아래의 대상 테이블을 가지고 UPDATE 쿼리를 사용해보겠다.기본 사용법 UPDATE 테이블 SET 변경할 컬럼=값 WHERE 조건;ID 가 lemon 인 PW 를 213 으로 변경하기PW 가 1234 인 모든 PW 를 111 로 변경하기

[MySQL] Limit [내부링크]

게시판을 보면 페이지가 있다.1번 페이지에는 1~10번의 게시물이,2번 페이지에는 11~20 번의 게시물이,......다른 SQL 에는 다른 방식으로 사용해야 하지만 MySQL 은 Limit 이라는 함수가 있다. ~까지 범위를 지정해서 가저오는 게시판이나 더 보기 등 활용도가 높다.사용법은 간단하다.select 컬럼명 from 테이블명 Limit 범위1에서 시작해서 3개의 더이터를 검색한다.IDNum 이 2부터 가져오는 것을 보니, LIMIT 의 첫 번째 값은 0인 것을 알 수 있다.즉, 첫 번째 부터 3번째까지 가져오게 하기 위해서는 Limit 0, 3 을 써야한다.보통 게시판이나 댓글에 많이 사용된다.

[MySQL] 컬럼 추가 수정 삭제 [내부링크]

점수(Score) 컬럼을 추가해보자.컬럼 추가alter table [테이블명] add [컬럼명] [컬럼타입] [제약조건] [기본값]제약조건과 기본값은 생략이 가능하다.member 테이블에 score 컬럼을 추가한다.데이터 타입은 varchar(100),제약 조건은 not null,기본값(default)은 0이다.컬럼 삭제alter table [테이블명] DROP [컬럼명];추가는 이것저것 설정해주지만 삭제는 간단하다.컬럼 타입 수정ALTER TABLE [테이블명] MODIFY [컬럼명] [타입];기존의 PW 컬럼의 char 타입이었으나컬럼 변경을 통해서 int 타입으로 수정했다.

can't connect to mysql server on 'localhost' 10061 [내부링크]

어제만 해도 잘되던 MySQL 이 can't connect to mysql server on 'localhost' 10061 에러 메세지를 띄우면서 접속이 되지 않았다.해결방법1내PC 또는 내컴퓨터를 우클릭(window 버전마다 다를 수 있으나 비슷한거 클릭)관리자 권한의 관리를 클릭서비스 클릭MySQL 을 찾아서 중지 또는 다시 시작.(서비스 이름은 설치할 때 지정하므로 약간 다를 수 있다.)그리고 다시 접속을 시도해보자.간혹 상태가 "실행" 이 아닌 "시작하는 중" 일 경우 중지나 다시 시작이 먹히지 않는다. -> 해결방법2해결방법2Ctrl + Alt + Delete 키를 누르고 작업관리자를 띄운다.컴퓨터 관리에서 비활성화되어 있는 버.......

크롬(Chrome) 우클릭 해제 [내부링크]

우클릭 해제를 위해서 따로 확장 프로그램을 추가할 필요가 없다.크롬(Chrome) 브라우저의 개발자 도구를 통해서 해결할 수 있다.1. F12 키를 눌러서 개발자 도구를 연다.2. 이 상태에서 F1 키를 누르거나,클릭으로 환경설정(Setting)에 진입한다.3. 스크롤을 맨 밑으로 내리고Debugger 에서 Disable javaScript 를 체크한다.-> 이제 우클릭을 통한 복사를 할 수 있다!<Disable javaScript>이 버튼을 체크하게 되면 자바스크립트를 비활성화 하게 되는데 우클릭을 막는 장치가 자바스크립트에서 실행되고 있기 때문에 우클릭을 할 수 있게 된다.대신, 이 상태에서는 자바스크립트 관련 액션을 실행시킬 수 없다.어차피 대부분 복.......

블로그 포스트 백업(Blog Backup) [내부링크]

블로그에 쌓인 글이 점점 많아지고 있다.그런데 문득 이런 생각이 들었다 갑자기 네이버 서버가 날라가면 어쩌지?해킹으로 블로그 초기화를 당하면 어쩌지?네이버에서 복구를 해주나?알아본 결과 복구를 못한다고 한다.하지만 다행히 네이버측에서 자체적으로 포스트 백업 기능을 제공하고 있다.1.먼저 블로그 관리로 들어가자2.상단탭에서 메뉴 글 동영상 관리 클릭3.좌측 메뉴에서 글 저장 클릭4.주의사항을 읽어보자- 본인이 직접 작성한 글만 포함한다- pc 와 다르게 보일 수도 있으며, 첨부파일, 뮤직 등 일부는 표시x- 한번의 저장에 최대 100개의 글까지 저장 가능(500MB 제한)- 최대 20개의 PDF를 만들 수 있다 (3GB) 제한.......

[MySQL] AUTO_INCREMENT [내부링크]

데이터베이스에는 데이터를 식별할 수 있는 고유코드가 있다.주민등록 번호, 직원 코드 등은 다른 것과 겹치지 않고 식별할 수 있는 유일한 값이다. PK(Primary Key)하지만 Primary Key 를 지정하더라도 필수로 입력해야 하고 중복되지도 않아야 하기 때문에 상당히 손이 많이 간다. 그것을 해결해줄 수 있는 제약조건이 바로 AUTO_INCREMENT 이다.member 테이블을 생성할 때 code 컬럼에 AUTI_INCREMENT 제약조건을 걸었다. 여기서 주의할 점은 Primary key 를 같이 지정해줘야 한다.이렇게 테이블을 생성하고 나서 데이터를 삽입해보자.member 테이블의 name 컬럼에 pigg 라는 값을 넣었다.분명 Primary Key 속성을 가지고 있는 code 컬.......

[CSS] 레이아웃 속성 display:flex [내부링크]

display 에는 inline, block, iline-block, content flex 등 다양한 속성들이 있다.하지만 그중에서도 가장 활용도가 높은 display는 flex 라고 생각한다.레이아웃을 원하는대로 쉽고 효과적으로 배치하도록 해주는 고마운 속성이다.일단 변화를 보기 위해 기본 코드와 결과를 확인하자.기본 코드결과:수평 정렬display: flex; 적용결과:무조건 1행 수평으로 정렬한다.만약 크기가 너무 커서 자리가 없다면 강제로 크기를 줄인다.모든 크기를 균등하게 하는 것이 아니라 들어가는 태그들의 상호 크기에 비례해서 줄어든다.만약 부모 div 인 회색의 크기가 자식의 div 크기보다 더 커서 크기를 딱 맞게 맞추고 싶은 경우 부모(회색) div 에.......

[CSS] 반응형 레이아웃 [내부링크]

반응형 레이아웃이란 웹브라우저의 창 크기에 따라 레이아웃이 변하는 레이아웃이다.< 예제 코드 >결과:여기서 창 크기를 줄이면...웹 -> 모바일 두 가지 버전을 구현했으므로 창 크기에 따라 웹/모바일 버전의 레이아웃이 적용된다.※ 키포인트@media(min-width:800px) 는 창의 크기가 800px 이상일 경우 적용되는 태그다. 예제에서는 800px 이상은 PC 버전, 이하는 모바일 버전으로 구현했다.800px 이상일 경우 게시글과 카테고리가 한 라인에 합쳐서 나오며메뉴바가 생긴다. (pc 버전)800px 이하일 경우 게시글과 카테고리가 각각 한 라인을 차지하며메뉴바가 사라지고 대신 메뉴아이콘이 생성된다. (모바일)예제는 기본.......

[CSS] 트랜지션(transition) [내부링크]

트랜지션(transition)을 통해 간단히 애니메이션(animation) 효과를 줄 수 있다. CSS에는 애니메이션 이름의 함수가 따로 있긴 하지만 보다 더 간단한 트랜지션을 먼저 알아보자.먼저 어떤식으로 사용되는지 보자.메뉴바마우스를 올리면 서브메뉴가 애니메이션 효과처럼 스르륵 펼쳐진다.메뉴바 코드※ 키포인트.item > ul{ border: 1px solid black; height: 0; opacity: 0; transition: all 1s; overflow: hidden; }.item:hover > ul{ height: 70px; opacity: 1;}서브 메뉴의 기본값으로 opacity(투명도) 를 0으로 하여 안보이게 하였고overflow: hidden 으로 height 보다 큰 태그들은 보이지 않게 하였다.만약 opactity 만으로.......

[javascript] ID 선택자 [내부링크]

document.getElementById("아이디");css 의 선택자는 참 불편하다. 부모 태그를 참조할 수 없기 때문이다.javascript 는 부모를 참조 할 수 있다. 심지어 부모 밖의 다른 태그들도 참조할 수 있고 참조한 태그에 css 처럼 스타일도 적용할 수 있다.css 에서도 ID, Class 등 참조할 수는 있지만 action, hover 등 이벤트를 발생시키면서 다른 태그를 참조할 때의 범위가 부모를 벗어날 수 없다는게 치명적이다.javascript 는 함수를 만들어서 사용할 수 있다.따라서 함수를 만들고 불러오기만 하면 된다.onclick 은 html 자체에서 지원하는 함수다. 이름에서 알 수 있는데 클릭 시 발동하는 트리거다. 예제에서는 onclick 을.......

[javascript] class 선택자 [내부링크]

document.getElementsByClassName("클래스");class 선택자는 특이하다. 바로 배열로 만들어서 가져오기 때문이다!따라서 getElementById 와 같은 방법을 사용한다면 먹히지 않는다.하지만 class 배열로 가져오는 것을 이용해서 다중 선택과 처리가 가능하다.ID : document.getElementById("아이디");Class : document.getElementsByClassName("클래스");함수 이름만 봐도 class 는 복수형(s)이다.ID 는 가져와서 바로 값을 대입하면 되지만 class는 배열의 주소까지 지정해줘야 한다.예제를 확인해 보자.<div class="field"></div><div class="field">.......

[JAVA] swing 이미지 크기 조정 [내부링크]

자바 swing에서 setPreferredSize 를 통해 이미지가 담긴 객체의 크기를 조절하면 짤린다. 따라서 다른 방법을 사용해야 한다.Image 클래스의 getScaledInstance() 함수를 사용하면 이미지의 품질을 유지하면서 크기를 조절 할 수 있다. 그러니까 사이즈를 줄이거나 늘려도 이미지가 잘려서 안보이는 현상을 해결 할 수 있다.하지만 getScaledInstance() 함수는 Image 클래스에서 사용할 수 있다는 것을 명심하자. ImageIcon 이 아님! 헷갈리지말자다른 컴포넌트에 이미지를 적용하기 위해서는 setIcon 을 사용해야 하는데 이때 받는 매개변수는 Image 가 아닌 ImageIcon 이다. 따라서 변환 후에 최종적으로 ImageIcon 으로 리턴해주는 것이.......

[JAVA] 파일 입출력 [내부링크]

JAVA 는 껏다키면 모든 데이터가 날라간다.DB를 사용하기에는 서버가 있어야 하고 네트워크 기능이 필요 없을때 데이터 저장이 필요할 때 사용하는 것이 바로 파일 입출력이다.데이터를 텍스트파일로 저장하고 읽어오고 하는 방식으로 혼자할 수 있는 게임이나 다이어리, 메모장 등 많은 프로그램에서 활용이 가능하다.정말정말~ 자주 사용하기 때문에 사용자 지정 함수로 만들어놨다.원리 이해가 되지 않더라도 메소드(함수)화 했기 때문에 그대로 사용할 수 있다.사용해보면서 다시 원리를 보고 반드시 이해하고 넘어가자.파일 저장하기(file Save)원리1. FileWriter 클래스의 객체 생성 (매개변수로 파일의 저장 위치와 파일명을 받.......

[JQUERY] 최신버전 적용 [내부링크]

제이쿼리(jQuery) 최신버전 적용head 태그 안에 이 코드를 삽입하면 적용된다.단, 링크를 통해서 참조하는 방식이기 때문에 인터넷이 연결되어야 한다.인터넷이 안되는 환경에서 적용하기 위해서는 미리 코드를 내 컴퓨터에 저장을 하고 사용해야 한다.JQuery 공식 페이지에서 다운로드https://jquery.com/download/형관팬으로 칠한 부분을 우클릭해서 다운로드를 진행하자.좌클릭을 하면 웹에서 그대로 열린다.jQuery 버전이 같음에도 두 가지로 나눠지는데 무엇이 다른지 확인해 보자.compressed이런 식으로 더 이상 수정하기 힘들게 되어있다.장점으로는 공백이 없어서 용량이 적다.보통 수정할 일이 없기 때문에 compressed 버전을 많.......

[JQUERY] 이벤트 처리 [내부링크]

제이쿼리(jQuery) 기본 문법head 태그에서 제이쿼리를 불러오고 script 에서 작업한다.반드시 head 태그에서 불러올 필요는 없지만 불러오는 것은 head 에서 하는 것이 안정적이다. 단 function 부분은 에러 발생시 html 에 영향을 주지 않게 하기 위해서 body의 끝 부분에서 작성하자.$(document).ready(function(){});html 시작과 동시에 실행되는 부분이다.$("button").click(function(){});button 부분은 CSS의 모든 선택자가 적용된다.예를 들어 pigg 클래스를 적용하고 싶다면$(".pigg").click(function(){});pigg 아이디를 적용하고 싶다면$("#pigg").click(function(){});그러니까 태그에 onclick 같.......

[JQUERY] 스타일 바꾸기 [내부링크]

제이쿼리(JQUERY)로 CSS 스타일 바꾸기1. 값 입력 받기사이즈는 input 태그의 text 타입으로 입력 받고컬로는 select 태그로 입력 받았다.2. 함수(function) 트리거 설정이벤트 처리를 하기 위한 방아쇠 역할을 하는 트리거를 만들어야 한다.$(".btnSize").click(function(){ 함수 내용 });$(".btnColor").click(function(){ 함수 내용 });총 2개의 트리거를 만들었다.3-1. 함수 실행 - $(".btnSize").click(function(){ 함수 내용 });1. 변수 x, y 에 input text 값을 가져온다.2. 가져온 값을 box 클래스에 css 로 width, height 적용.3-2. 함수 실행 - $(".btnColor").click(function(){.......

[JAVA] 쓰레드(Thread) 구현 [내부링크]

JAVA 에서 기본적인 쓰레드(Thread)가 있다.바로 public static void main(String args[]) 라는 메인 메소드 자체가 하나의 기본 쓰레드를 가지고 있다.그런데 쓰레드란 무엇일까? 하나의 쓰레드는 하나의 작업만을 처리할 수 있다.그러니까 어떤 작업을 진행하고 있을 때는 다른 작업을 수행할 수 없는 상태가 된다.게임 같은 경우를 보자. 캐릭터가 움직이고 동시에 총알도 날라간다.만약 쓰레드를 쓰지 않고 main에 있는 기본 장착된 쓰레드만 쓴다면 캐릭터만 움직이거나 총알만 움직일 수 있다. 동시에 움직일 수 없다!이런 상황에서 동시에 움직이기 위해서는 쓰레드를 사용해야 한다.쓰레드는 상속, 인터페이스의 두 가지 방법으로 사용.......

[JQUERY] 원페이지 레이아웃 [내부링크]

원페이지 레이아웃 개인적으로 매우 좋아하는 레이아웃이다. 반응형으로 만들기도 쉽고 디자인도 깔끔해져서 디자인을 잘 못하는 사람들도 있어보이는 그런 디자인이다. 스마트한 그런 느낌도 든다.바로 확인해보자.보통 모바일 웹에서 많이 사용하고 PC 에서 사용하는 사이트도 많이 늘고 있다.조잡하지 않고 깔끔해서 포트폴리오 블로그를 만들 때 딱 좋을 것이다!전체 코드여기서 눈여겨 봐야 할 것은 body 끝나기 직전에 있는 script 부분이다.script 이 부분이 마우스 휠을 감지해서 한페이지 씩 부드럽게 바꿔주는 코드다.휠을 살짝만 내리거나 올려도 페이지가 전체 바뀌어서 사용자 입장에서 매우 편리하다.하나하나 자세히 살.......

[JAVA] LinearLayout [내부링크]

Swing 에서는 안드로이드에 있는 수직 레이아웃인 LinearLayout 을 제공하지 않는다. 특히 패널에 스크롤바를 달았을 경우 내용이 길어지면 옆쪽으로 늘어나서 상당히 불편하다. 보통 스크롤바는 아래쪽으로 늘어나는 것이 익숙하기 때문인데, 그렇게 사용하기 위해서는 FlowLayout 을 변형한 LinearLayout 이 필요하다.아래는 사용자 정의 LinearLayout 이다.< 출처: stack overflow >사용 방법은 FlowLayout 과 같다.https://blog.naver.com/alcmskfl17/221803097702

[JAVA] BoxLayout [내부링크]

BoxLayout 은 박스를 쌓는 것 처럼 배치하는 레이아웃이다.적용 방법1.생성할 때 매개변수로 컴포넌트와 배치타입을 받는다.배치타입으로는 BoxLayout.X_AXIS, 와 BoxLayout.Y_AXIS 가 있다.적용 방법2.BoxLayout은 GridLayout 처럼 컴포넌트의 크기 조절이 안되는건 아니지만 컨트롤하기 어렵다. 사용자가 원하는 크기를 자유롭게 지정할 수 없으므로 필자는 잘 사용하지 않는다.크기 조정의 예)분명 크기를 가로 세로 200씩 설정하였으나 가로(X) 는 씹히고 Y만 적용이 된다.만약 배치타입을 X로 했을 경우에는 세로(Y)크기가 씹히게 된다.

[HTML/CSS] HTML 기본 태그 [내부링크]

HTML 구조<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Document</title></head><body></body></html>html 에서 body 태그는 페이지에서 눈에 보이는 모든 컨텐츠이다.이러한 body 를 꾸며주는 다양한 속성들이 존재하는데 많이 사용되는 속성들은 알아두면 편하다. 물론 body 뿐만 아니라 다른 태그들도 그에 따른 속성들이 존재한다. 기본적으로 태그는 <태그>열고 </태그>닫는 작업이 필요하다.(<br> 등 일부 특수한 태그 제외)--Body 속성 적용 방법bgcolor = "정의되어 있는 컬러.......

[HTML/CSS] List <ul><ol> [내부링크]

Unordered List순서가 없는 리스트다.결과 : 리스트1 리스트2속성 주기결과 : 리스트1 리스트2 리스트3--Ordered List순서가 있는 리스트다.결과:1. 리스트12. 리스트23. 리스트3속성 주기결과:A. 리스트1B. 리스트2C. 리스트3a. 리스트1b. 리스트2c. 리스트3I. 리스트1II. 리스트2II. 리스트3i. 리스트1ii. 리스트2iii. 리스트3

[HTML/CSS] 테이블 이미지 링크 [내부링크]

테이블(table)<tr> 행<th> 열(제목형으로 폰트가 굵고어지고 가운데 정렬)<td> 열실행 결과:선 넣기실행 결과:테이블 안의 각 셀도 선을 가지게 되는데 이것을 하나로 합칠 수 있다.(셀 사이의 간격을 줄여서)cellspacing실행 결과:참고로 테이블 셀 안에 또 테이블을 넣을 수 있고 이미지 또한 넣을 수 있다.<td>내용에 넣으면 된다.</td>--이미지A (anchor) 태그(링크 걸기)속성target="옵션"_self : 현재 보고 있는 창 교체_blank : 새 창_parent : 여러 프레임을 사용 할 경우 한 단계 상위 프레임_top : 여러 프레임을 사용 할 경우 가장 상위 프레임title="내용&quo.......

[CSS] 메뉴바(가로, 세로) 서브메뉴 [내부링크]

메뉴바의 키포인트는 메뉴 위에 마우스를 올릴 경우 서브메뉴가 나타나는 것이다.서브메뉴의 display 는 none 으로 설정하고,해당하는 메뉴의 :hover 상태를 사용하여 서브메뉴의 display: none; 을display: block; 바꾸는 것이다.이렇게 설정을 하면 마우스를 올릴 때 서브 메뉴가 펼쳐질 것이다.--메뉴바 가로결과:마우스를 올리면 서브 메뉴가 펼쳐진다.가로 메뉴바의 경우에는 메뉴의 li 를 float: left 으로 설정하여 가로로 배치되도록 만들었다.--메뉴바 세로결과: 세로 메뉴는 포지션 abolute 를 사용하면 겹쳐지기 때문에 기본 포지션으로 설정하였고 li 들의 float: left 를 지워서 기본값(세로 정렬)으로 설정했다.

[CSS] My Blog Layout [내부링크]

본인 블로그(my blog)의 기본 레이아웃(layout) 구조이다.이 구조는 다른 사이트에서도 흔히 볼 수 있는 구조이기도 하다.결과:특이 사항content 클래스 자손의 2번째 div(nth-child(2))의 폰트 사이즈를 25px로 적용display: flex; 는 기본적으로 안에 있는 태그들을 수평으로 배치하도록 하게 해준다. inline-block 으로 크기를 일일히 계산하여 배치하는 것과 다르게 하나의 선택자만으로도 간편하게 배치할 수 있고 다양한 옵션이 제공되기 때문에 변칙적인 모양도 구현이 가능하다. - 이 부분은 추가 포스팅 예정

[CSS] z-index 우선순위 [내부링크]

HTML 을 작성하다 보면 태그들이 겹치는 경우가 있다.예를 들어서이런 경우...HTML 에서는 나중에 배치된 것이 화면상에서 제일 위로 오게 되는데,뒤에 있는 태그를 끌어올릴 수 있다.보라색을 맨위로 끌어보자다른 코드는 무시하고 z-index: 1; 에 주목하자.이 옵션은 겹쳐질 경우 우선순위 레벨을 설정하여 배치된 순서에 상관없이 위로 끌어올릴 수 있다.위 코드에서는 보라색(background-color:purple;)에 z-index:1; 을 적용했다.결과:z-index 를 따로 설정하지 않으면 0이 기본값이다.보라색 div 는 다른 div 보다 우선순위(z-index)가 높으므로 맨위에 올라왔다.이 상태에서 초록색을 맨위로 올려보자.초록색 div 의 속성이다.......

랜덤능력크래프트 정식 8.2 (랜능크) [내부링크]

안녕하세요. 랜덤능력크래프트 7.4i(랜능크 헌터) 버전을 마지막으로 끝내려고 했는데 2013년부터 지금까지...