Study
-
초보자도 이해 가능한 WebRTC 에 대해서 알아보자Study/WebRTC 2025. 4. 12. 12:52
1. WebRTC 무엇인가?먼저 webRTC 의 진짜 본명은 WebRTC(Web Real-Time Communication) 이름에서 알수 있듯이 web기술의 하나로 웹 브라우저나 모바일 앱 간에 실시간 음성, 영상, 데이터 통신을 가능하게 해주는 오픈 소스 기술.즉, 별도의 프로그램 설치없이 P2P 연결을 통해 실시간 커뮤니케이션이 가능함. *여기서 P2P 연결 이란?P2P는 A와 B가 연결 할때 "중간에 서버 없이, 사용자끼리 직접 연결해서" 데이터를 주고받는 방식 임.예를들어 소비자가 농산물을 도소매를 거치지 않고 직거래로 사먹는것처럼 중간에 무언가를 거치지 않고 바로 연결되는걸 말함. 2. WebRTC 어떻게 연결이 되나 전체 연결 흐름은??(1)제일 먼저 선행 되어야할게 브라우저가 시그널링..
-
초보자도 만들 수 있는 달력으로 일정 및 시간 예약 확정 알림 만들기Study/JavaScript 2025. 3. 26. 18:04
오늘은 초보자들이 많이 만드는 기능중에 하나인 예약기능에서 html에서 제공하는 달력 기능을 이용하여 날짜와 시간을 받아 알림창에 띄우는 기능을 만드는 방법에 대해서알려 드릴려고 함. 일단 무엇을 만들수 있는지 결과부터 알려드림. 1.결과 2.설명 이 요소들은 HTML5에 추가된 input 요소로, 사용자가 데이터 형식을 쉽게 입력할 수 있도록 도와주며, 브라우저에 따라 다른 모습의 UI를 제공함. 참고로 오늘 사용하고자 하는 브라우져는 크롬 임. 각각의 input의 차이점으로는 : 날짜만 입력받음.: 시간만 입력받음.: 날짜와 시간을 모두 입력받음. (1) html 날짜확정 시간확정 예약확정 html요소 중 제일 중요한 부분은 i..
-
초보자를 위한 웹 그림판 만들기(그리기,메모,블럭지정 또는 모양넣기)Study/JavaScript 2025. 3. 20. 18:13
오늘은 저번에 이어 웹그림판 만들기에서 좀더 빌드업된 버젼으로그리기 + 메모 +모양 넣기 또는 블럭을 지정하는 기능을 만듬 나는 그리기 와 메모만 필요하다는 분은 아래 링크 참고https://cbn1218.tistory.com/56 초보자도 만들 수 있는 자바스크립트로 그림판 만들기(텍스트 추가하기 기능)저번에 캔버스(canvas)를 이용하여 그림판과 같이 그림 그리기 기능을 만들었음. 혹시 궁금하시다면 아래 링크 참고하시길.... https://cbn1218.tistory.com/25 초보자를 위한 캔버스(Canvas)로 그림 그리기cbn1218.tistory.com 1.결과일단 무엇을 만들수 있는지가 제일 궁금하니 먼저 결과 화면 ㄱㄱ 그림판처럼 그리기, 메모, 모양넣기 또는 블럭지정이가능한 기능을..
-
초보자도 따라하는 python 내 컴퓨터에 깔기 또는 다운로드 방법Study/Python 2025. 3. 17. 00:21
요즘 python 언어로 업무 자동화에 관심이 생겨 시간이 날때 공부중임.아마 python 은 일반 사람들 한테도 비교적 배우기 쉬운 언어라 많이 접근을 하는거 같음.그런 분들 대상으로 글을 앞으로 작성을 해볼예정. 그럼 첫 시작은 python을 내 컴터에 깔아서 설치가 잘되었는지 확인까지 해보는 아주 기본적인 기본을 공유하겠음. (1) 파이썬 사이트 접속https://www.python.org/downloads/ Download PythonThe official home of the Python Programming Languagewww.python.org (2) Downloads > Windows 누르기 현재 내가 사용하는 컴터의 OS는 windows 인데 각각 사용하고 있는 컴터의 os에 맞..
-
초보자도 만들 수 있는 파일첨부 및 이미지 미리보기 기능Study/JavaScript 2025. 1. 9. 23:10
신입때는 간단한 기능 단위별로 구현을 많이 하는데, 그중 제일 기초가 될 수 있는 파일첨부 기능에 대해서 아주 간단한 로직으로 설명 하고자함. 파일 첨부 기능은 간단하다면 간단할 수 있지만 아무것도 모르는 학원수강생 시절 파일첨부 기능 자체가 어렵다고 느껴지는 시절이 있었음.그때는 아주 간단한 기능부터 차근차근 구현하다보면 언젠가는 원하는 기능을 구현할 수 있음 일단 결과 먼저1.결과파일을 선택해서 첨부하고 첨부한 파일을 미리 볼수 있는 기능을 만들수 있음 2.설명파일 첨부기능을 브라우져에서 기본적으로 제공하기에 제공하는 기능을 가져다 쓰면 됨.(1)style style은 적용을 해도 되고 안해도 되나 적용을 하면 위에 이미지와 같은 형식을 만들수 있음style은 원하시는 대로 커스텀마이징하여 사용하면 ..
-
초보자도 만들 수 있는 자동으로 전체 웹화면 캡쳐하기(크롤링 and 자바 활용)Study/Java 2024. 5. 20. 18:26
회사에서 업무 지시가 내려옴 웹화면을 전체 화면을 캡쳐해서 이미지로 저장해 달라는 요청 사항이 있었음서치해보니 '크롤링' 이라는 기술을 사용하여 자동으로 웹화면을 캡쳐하여 이미지로 저장 할수 있었음일단 결과 화면 부터 ㄱㄱ 1.결과main 메서드를 실행하면 아래와 같이 자동으로 창이 뜸 자동으로 인터넷창이 뜨고 지정한 웹사이트(참고로 나는 daum ) 접속하여 자동으로 스크롤이 내려가고자동으로 웹페이지가 전체가 캡쳐가됨. 캡쳐가 된 이미지는 지정한 경로에 png 이미지파일로 저장됨 2.설명크롤링을 하기 위해서는 여러가지 라이브러리를 사용하는데, 일단 나는 selenium 이라는 라이브러리를 사용했고,OS환경에 따라 다운받아야 하는게 다르기 때문에 먼저 개발환경을 소개함. OS : 윈도우 x64 자바 ..
-
초보자를 위한 가짜 목서버 or 임시api 사용법(포스트맨 최신 버젼)_2Study/JavaScript 2024. 4. 29. 15:56
지난번 글에 Postman을 이용하여 가짜 서버를 만들고 그위에 임시 api를 만들어 봄.혹시 목서버 만드는 방법이 궁금하다면 아래 링크 ㄱㄱ https://cbn1218.tistory.com/58 초보자를 위한 가짜 목서버 or 임시api 사용법(포스트맨 최신 버젼)_1프론트쪽 개발 의뢰가 들어와 작업을 하는중 아직 백단은 개발이 안되있고 프론트단부터 개발을 먼저 개발해 달라는 요청을 받은 초보자라면 난감해 할텐데이때 유용하게 사용하는 편cbn1218.tistory.com임시 api를 만들었다면 잘되는지 또는 어떻게 적용이 되는지 궁금할거 같아실제 웹페이지 에서 어떻게 적용 되는지 코드를 작성해 볼려고 함. 1.코드 설명ajax를 통해 목서버에서 만든 api의 데이터를 받아 console 창에 출력하는..
-
초보자를 위한 가짜 목서버 or 임시api 사용법(포스트맨 최신 버젼)_1Study/JavaScript 2024. 4. 25. 16:11
프론트쪽 개발 의뢰가 들어와 작업을 하는중 아직 백단은 개발이 안되있고 프론트단부터 개발을 먼저 개발해 달라는 요청을 받은 초보자라면 난감해 할텐데이때 유용하게 사용하는 편리한 도구가 Postman !!!! Postman 의 사용방법을 소개해보고자 함.최근에 postman UI가 바꼈는지 내가 찾아본글에서는 최신 UI로 설명한 글이 없어 글을 적어봄.목표:가짜 서버 또는 임시 api를 만들어 json형태로 데이터를 받아서 화면에 출력 1.아래 링크에 접속한다.https://www.postman.com/ Postman API Platform | Sign Up for FreePostman is an API platform for building and using APIs. Postman simplifie..