728x90

개발 7

Bootstrap :: Modal 활용하는 방법

HTML,홈페이지,웹,개발,프로그래밍언어,자바스크립트(JS),Jquery)제이쿼리,웹,팝업,모달 팝업보단 모달을 쓰자! 일반적으로 우리가 웹페이지를 이용하다 보면 자주 볼 수 있는 화면이 있는 팝업과 함께 모달이 존재합니다. 저의 경우 처음 HTML이라는 것을 접했을 때는 팝업(pop-up)을 이용하여 어떤 필요한 정보를 출력을 하였는데 우리가 인터넷을 쓰다 보면 팝업창이 뜨면 내용을 정확히 보지도 않고 닫거나 불편하고 여러모로 크게 좋진 않아 어떻게 하면 좋을까 고민을 하다 모달(modal)이라는 것을 알게 되었습니다. 그래서, 여러분에게 팝업과 모달의 차이점에 대해서 간단히 알아보고 모달 사용방법에 대해서 알아보도록 하겠습니다. 목차 모달(Modal) VS 팝업(pop-up) 팝업(pop-up) 우선..

DEVELOPMENT 2021.08.27

티스토리 자동목차(TOC) 만드는 방법

자동목차,TOC,jquery,javascript,자바스크립트,html,소스코드,블로그팁,노하우 블로그 목차로 포스팅을 좀 더 편하게 해보자 블로그 글을 올릴 때 조금 더 가독성이 있게 하려면 어떻게 해야 할까 고민을 하다 생각한 것은 목차를 만들어보면 어떨까라는 것입니다. 일단 목차가 있으면 필요한 부분을 바로 볼 수 있기도 하고 글이 정돈된 모습이 보기에 편하다는 장점이 있습니다. 일일이 손으로 목차를 만들고 하는 것은 번거롭고 시간도 많이 걸립니다. 그래서 자동목차(TOC)로 만들어놓으면 다른 부분은 크게 신경 안 쓰고 포스팅 후 작성이 됩니다 그러면 자동 목차를 만드는 방법을 설명을 해드리겠습니다. 목차 준비물 티스토리 [#] jQuery.TOC [#] 적용방법 jQuery.TOC 적용방법 다운로드..

IT/Blog 2021.05.12

안드로이드 스튜디오, Youtube API를 활용해 동영상 재생

안드로이드스튜디오,유튜브,동영상재생,개발자,콘솔,초보자 유튜브 API를 활용하여, 동영상 재생하기 유튜브의 강의를 참고하며, 만들어보고 있는 중이다. 아직은 여전히 부족한 부분이 많아 동영상을 보면서 하나하나 따라하고 모르는 것이 있으면 인터넷에 검색하며 이게 무엇인지에 대해서 배우고 있다. 처음으로 유튜브API를 활용하여, 동영상을 재생하는 어플을 만들어보았다. 영상에선 현재의 사용하는 버전보다 구버전이라 조금씩 틀려 진땀뺏다 인터넷의 힘으로 스마트폰을 연결하고 실행하니 잘 되는 모습에 뿌-듯하다 먼저, 레이아웃 구성은 view를 추가했는데 여기서 youtubeView로 설정하였다. 그리고, 버튼을 하나 추가했다. 버튼을 추가한 이유는 이 버튼을 누르면 동영상이 재생 될 수 있게 하기 위해서였다. 그리..

DEVELOPMENT/MobileAppDev 2020.04.29 (12)

안드로이드, 간단 앱 만들어보기 [나만의 첫 앱]

안드로이드, 스마트폰, 어플리케이션, 전화걸기, 문자보내기, 구글맵,지도,검색 안드로이드로 만들어보는 나의 첫 APP 과제일시 : 2020-04-02 오늘은 안드로이드로 나만의 앱을 만들어 볼 예정이다, 일단 기능은 검색과 사이트 이동, 전화번호 입력, 문자 보내기, 사진보기 등 간단한 기능들을 넣으면서 익숙해져야 할 것 같다. Source Code * activity_main.xml * MainActivity.java package com.example.implicityintent; import androidx.appcompat.app.AppCompatActivity; import android.app.SearchManager; import android.content.Intent; import and..

안드로이드, 간단한 투표 앱 만들기

안드로이드, 모바일, 어플리케이션, 개발, 스튜디오 간단한 투표 어플 만들기 어제는 간단한 계산기 어플을 만들어보았는데, 오늘은 이미지 투표 어플을 만들어보려고 한다. LinearLayout을 이용하여, Vertical 밑에 horizontal을 추가하여, 이미지와 버튼을 배치하였다. 아직은 투표종료를 누르면, 그 뒤의 화면은 안나오지만, 일단 어플 실행 후 클릭하면, 클릭 한 이미지의 투표 수가 올라가는 것 까진 구현이 되어져있다. * MainActivity.java package com.example.wellpic02; import androidx.appcompat.app.AppCompatActivity; import android.os.Bundle; import android.view.View; i..

DEVELOPMENT/MobileAppDev 2020.03.25 (2)

[11번째 과제] ActionListener implements 구현하기

자바 과제 일시 : 2019 - 10 - 14 과제 내용 ActionListener implements를 이용하여, 가위바위보 게임을 구현 [ Source Code ] 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 ..

DEVELOPMENT/JAVA 2019.11.24
728x90