본문 바로가기

전체 글1419

[Javascript] 사용자 PC에 연결 되어있는 미디어 디바이스 정보 가져오기 안녕하세요! 이번 시간에는 사용자의 PC에 연결되어있는 미디어 디바이스 정보를 가져오고, 개발자도구 콘솔창에 출력해보려고 합니다! 1. nagivator.modeaDevices.enumerateDevices() navigator.mediaDevices.enumerateDevices() .then(devices => { const filtered = devices.filter(device => device.kind === type); callback(filtered); }); nagivator.modeaDevices.enumerateDevices() 메서드를 호출하게되면 사용자 PC의 연결되어있는 미디어 디바이스 정보를 가져오게 됩니다. 가져온 정보는 devices객체에 저장되어있고, filter조건을 이.. 2022. 4. 10.
[Javascript] 키보드 이벤트 자바스크립트를 이용하여 키보드 입력을 감지하여 처리하는 방법에 대해서 알아보겠습니다. 이벤트는 세 가지가 있으며 다음과 같습니다. keydown keypress (현재는 deprecated되어 권장하지 않음) keyup 키보드 키를 누르면 keydown 이벤트가 시작되고 키를 놓으면 keyup 이벤트가 시작됩니다. keypress는 문자를 표시하는 키를 누를 때만 발생됩니다. 1. html 키보드 이벤트를 발생시키면 alert 이 뜨는 자바스크립트 코드 Keydown $('#key_event').keydown(function() { alert('keydown'); }); Keyup $('#key_event').keyup(function() { alert('keyup'); }); 여기까지 키보드 이벤트에 .. 2022. 4. 9.
[Javascript] 눈 내리기 효과 만들기 안녕하세요 이번 시간에는 웹페이지에서 눈이 내리는 효과를 만들어 보겠습니다. *결과 1. createRadialGradient 이 함수를 이용하여 눈송이의 원형 그라데이션을 지정할 수 있습니다. createRadialGradient( x1, y1, 첫번째 원의 반지름 r1, x2, y2, 두번째 원의 반지름 r2 ) 그라데이션 색은 이후에 addColorStop 함수로 정해줍니다. 2. beginPath 이 함수는 새로운 것을 화면에 그리고 싶을 때 사용하는 함수인데 원형 눈송이를 그릴 것이기 때문에 이후에 arc 함수를 사용합니다. MDN 문서에는 아래와 같이 beginPath()를 설명하고 있습니다. 3. requestAnimationFrame function go(){ window.requestAn.. 2022. 4. 8.
[Javascript] 이메일 형식인지 확인하는 기능 만들기 문자열이 이메일 형식인지 아닌지 확인하는 기능을 만들어보겠습니다. 이때 사용할 정규식은 다음과 같습니다. ^([0-9a-zA-Z_\.-]+)@([0-9a-zA-Z_-]+)(\.[0-9a-zA-Z_-]+){1,2}$ 이제 정규식을 활용해 버튼을 누르면 textarea에 작성한 문자열이 이메일형식인지 확인하는 기능을 만들어봅시다 확인 2022. 4. 7.
[Android][kotlin] EditText Submit처럼 사용하기 안녕하세요. 오늘은 EditText 텍스트에 Enter 키를 입력받도록 적용해보겠습니다. 1. Activity를 생성합니다. 2. Activity의 레이아웃에 사용자의 input을 받을 EditText와, 결과를 나타낼 textView를 생성합니다. 3. EditText가 있는 Activity에 작성합니다. override fun onCreate(savedInstanceState: Bundle?) { super.onCreate(savedInstanceState) setContentView(R.layout.activity_main) val editText = findViewById(R.id.input) val textView = findViewById(R.id.result) editText.setOnKey.. 2022. 4. 6.
[Java][Android] 별점 만들기 (CustomView 만들기) 안녕하세요. 오늘은 나만의 CustomView를 만들겠습니다. 클릭 시 별 색깔을 칠해주는 별점 View를 만들려고 합니다. - 클릭 시 해당 별 위치까지 색깔을 칠해 줌. - 점수에 따라서 Description Text가 변경 됨. // Wrost, Bad, Normal, Good, Best 우선 빈 별 과, 색칠된 별 파일을 준비하여 drawable폴더에 넣습니다. - empty_star : 빈 별 - filled_star : 색칠 된 별 다음은 별 전체를 담을 레이아웃을 준비합니다. -별 5개 (star0, star1, star2, star3, star4) - 설명 (description) // on_off할 수 있음. stars_layout.xml 본격적으로 CustomView 클래스를 작성해봅시.. 2022. 4. 5.
[PHP] 확장자 없는 파일명 추출하기 안녕하세요. 정규식을 사용해 확장자까지 있는 파일명에서 확장자 없는 파일명을 뽑아보겠습니다. url에 'index.php?file=파일명' 과 같이 file 파라미터에 파일명을 넣어주면 됩니다. $file_name = $_GET['file']; echo "전체 파일명: " . $file_name . " "; preg_match("/^[^\s.]+/i", $file_name, $match); echo "파일명: " . implode("", $match) . " "; 실행하면 다음과 같이 결과가 나옵니다 2022. 4. 4.
[Java][Android] JAVA 1대 1 콘솔 채팅 (client 구현하기) 지난주에 이어 이번주는 client 측 소스를 구현해 보겠습니다. 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; import java.net.InetSocketAddress; import java.net.Socket; import java.util.Scanner; public class TCPClient { public st.. 2022. 4. 3.
[Kotlin][Android] 안드로이드 OCR 기능 만들기 java 버전은 https://stickode.tistory.com/135 에서 확인해주세요 안녕하세요~ 오늘은 OCR(Optical character recognition) 기능을 구현해 보겠습니다. OCR는 인간이 종이 위에 써 놓은 글씨를 인지하여 텍스트 데이터로 바꿔주는 기능을 말해요. 이 포스팅에서는 스틱코드를 사용하여 글자가 들어 있는 이미지에서 글자를 인식하는 간단한 앱을 만들어보겠습니다. # 환경 세팅 1. 라이브러리 추가 ▶ 해당 기능을 사용하기 위해서는 tess-two라는 모듈이 필요합니다. 위 그림처럼 build.gaddle(moudle) 파일을 열어서 맨 아래 한 줄을 추가하고 동기화시켜줍니다. 최신 버전은 여기서 확인하실 수 있습니다. 2. Language Data 추가 ▶ 인식할.. 2022. 4. 1.

티스토리툴바