본문 바로가기

전체 글1419

[Java][Android] 안드로이드 막대 그래프 만들기 ComparingPerformanceBar 라이브러리를 사용해서, 독특한 막대그래프를 만들어보겠습니다. build.gradle(Module) dependencies { ... implementation 'io.github.cliffgr:cpbar:1.1.0' ... } activity_main.xml MainActivity.java public class MainActivity extends AppCompatActivity { PercentageProgressBar valueProgressBar; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.l.. 2022. 3. 31.
[Javascript] 사용자 미디어 디바이스에 접근하여 영상 출력하기 안녕하세요, 이번 포스팅에서는 사용자 미디어 디바이스(카메라, 마이크 등)에 접근하여 웹페이지에 영상을 출력해보려고 합니다. 1. index.html 우선, index.html 파일을 만듭니다. 그리고, index.html 파일에 뒤에서 만들 getUserMedia.js 파일을 임포트 시킵니다. 태그를 배치하여 영상을 출력하려고 합니다. 해당 태그의 id는 'localVideo'로 지정하였습니다. 2. getUserMedia.js 실질적으로 유저의 미디어 디바이스에 접근하여 화면에 출력하는 코드가 작성되어있는 파일입니다. getUserMedia 메서드는 이름에서도 알 수 있듯이 사용자 단말에서 미디어의 스트림을 얻어내는 메서드입니다. 인자로 미디어 제약조건을 받는데요, 코드에서 제약조건으로 'video'.. 2022. 3. 29.
[Java][Android] 안드로이드 로그 (Log) 와 종류 알아보기 안드로이드 스튜디오를 이용하여 개발하기 위해서는 내가 어떠한 데이터를 받아왔고 그 데이터가 무엇인지 알기 위함이 필수입니다. Log | Android Developers developer.android.com 이번 시간엔 로그에 대해서 알아볼 것인데요 로그는 기록이라는 뜻이며 안드로이드 스튜디오에서 로그를 출력할 수 있습니다. 안드로이드 스튜디오에서 제공하는 로그는 Log.v(), Log.d(), Log.i(), Log.w(), 및 Log.e() 있으며 logcat에서 로그를 볼 수 있습니다. 안드로이드 스튜디오에서 제공하는 Log.v(), Log.d(), Log.i(), Log.w(), Log.e() 들은 어떠한 차이점들이 있을까요? v는 Verbose(상세한 설명) i는 Info(정보) d는 Debu.. 2022. 3. 28.
[JavaScript] Select 메뉴 만들기 안녕하세요 오늘은 셀렉트 메뉴를 만들어보겠습니다. 메뉴를 클릭하면 선택할 수 있는 메뉴들이 하단에 나열되고 해당 메뉴를 클릭하면 셀렉트 박스에 설정되는 것을 확인 할 수 있습니다. *결과 1. closest 함수 $(selector).closest(selector)에서 closest 함수는 셀렉터로 잡히는 상위 요소중 가장 근접한 하나를 반환합니다. var parent = $(this).closest('.select'); 2. hasClass 함수 .hasClass() 메서드는 선택한 요소에 클래스가 있는지 여부를 true,false로 반환합니다. if ( ! parent.hasClass('is-open')) 3. addClass 함수 .addClass() 메서드는 선택한 요소의 클래스를 추가합니다. p.. 2022. 3. 27.
[Java][Android] 안드로이드 TextView 클릭시 색깔 변경 public class MainActivity extends AppCompatActivity { private TextView textView; private Boolean isBlack; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); textView = findViewById(R.id.textView); isBlack = true; textView.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { .. 2022. 3. 26.
[JavaScript] 모달창 띄우기 모달창이란? 모달창(Modal Window)은 사용자 인터페이스 디자인 개념에서 자식 윈도에서 부모 윈도로 돌아가기 전에 사용자의 상호동작을 요구하는 창을 말한다. 그래서 응용 프로그램의 주 창의 작업 흐름을 방해한다. 전체 코드입니다. 모달창 예제 모달창 예제 입니다. 모달 X 1. 첫번쨰 공지사항 2. 두번째 공지사항 3. 세번째 공지사항 4. 네번째 공지사항 x버튼을 누르면 modalOff()메서드를 실행시켜서 모달창의 display를 none으로 바꿔줍니다. 2022. 3. 24.
[PHP] 정규식으로 파일 확장자 추출하기 안녕하세요. 이번에는 정규식을 사용해 파일명에서의 확장자를 추출해보겠습니다. 사용할 정규식은 다음과 같습니다. "/^[^\s.]*./i" url에 index.php?file=helloworld.gif과 같이 file 파라미터에 파일명을 넣어주면 됩니다. $file_name = $_GET['file']; echo "파일명: " . $file_name . " "; echo "확장자: " . preg_replace("/^[^\s.]*./i", "", $file_name); 실행하면 다음과 같이 결과가 나오는 것을 확인할 수 있습니다 2022. 3. 23.
[Java][Android] JAVA 1대 1 콘솔 채팅 (server 구현하기) 오늘부터 저희는 매주 JAVA로 채팅하는 방법에 대해 차근차근 알아보겠습니다. 우선 이에 앞서 TCP 통신에 대한 기초적인 이해가 수반되어야 합니다. 그럼 바로 시작하겠습니다. 저는 intellij 자바로 작업을 하였습니다. 우선 서버측 소스코드를 오늘 알아보겠습니다. import java.io.BufferedReader; import java.io.IOException; import java.io.InputStream; import java.io.InputStreamReader; import java.io.OutputStream; import java.io.OutputStreamWriter; import java.io.PrintWriter; import java.net.InetAddress; impor.. 2022. 3. 22.
[Kotlin][Android] 키보드 보이기/숨기기 java 버전은 https://stickode.tistory.com/392 에서 확인해주세요. 이번 시간에는 키보드를 보이거나 숨겨야 할 때 사용하는 코드를 알아보도록 하겠습니다. 계획은 글을 작성할 수 있는 에딧텍스트와 키보드를 올리고 내릴 버튼을 통해서 키보드를 올리고 내려보도록 하겠습니다. 아 그리고 액티비티가 켜질 때 키보드도 같이 올라오도록 만들어보겠습니다. 해당 코드는 api 21 , api30 버전에서 테스트되었습니다. 일단 코드 먼저 복사,붙여 넣기 해주세요. activity_main.xml 붙여넣기 하실 때 주의할 부분이 있는데 EditText의 부모인 ConstraintLayout에 속성으로 android:focusableInTouchMode="true"와 android:focusabl.. 2022. 3. 20.

티스토리툴바