팀킴

저도 웹 개발을 시작한 지 어언 4년 반이 지났네요. 그 전에는 웹서버에 대한 개념이 없었어요. 아, 정확히 말하면 웹 개발을 시작 했지만 프론트엔드 개발을 위주로 하다 보니 웹 서버에 대한 개념은 계속 없긴 했어요. 하지만 시간이 지나고, 제 개인 페이지를 만들고 싶어져서 조사를 하다보니 꼭 알아야 할 웹 서버 지식이 있더라구요. 혹시나 웹 프론트엔드 개발만 하다가 개인의 페이지를 만들고자 하신다면 꼭 필요한 정보가 되실 것 같아요. 웹서버는 파일 공유 폴더 우리가 보통 파일을 공유하기 위해서 공유 폴더를 만들어 쓰곤 합니다. 물론 다른 역할이 있지만, 가장 쉽게 표현한 단어가 아닐까 싶어요. 웹 서버는 단순히 파일 서버를 80포트로 열어둔 것으로 이해하고 시작해도 될 것 같아요. 그리고 그 80 포트..

안녕하세요, 개발자 Thor-Kim 입니다. ffmpeg 은 명령어를 직접 써서 컨트롤 할 수 있도록 구성되어 있으며, 영상과 음성을 처리할 수 있게 하는 도구입니다. 웹에서도 ffmpeg를 사용할 수 있도록 npm에 패키지 형태로 배포가 되어 있어요. 오늘은 그것에 대한 샘플을 만들어보려고 해요. 영상, 이미지, 음성 데이터는 기본적으로 인코딩과 디코딩이 들어가게 됩니다. 압축/압축해제의 의미정도로 보시면 되고 특히 영상의 경우 데이터가 아주 크기 때문에 압축을 한 후 네트워크로 데이터를 전송하는 것이 일반적입니다. 리액트에서 @ffmpeg/ffmpeg 라이브러리 설치 및 초기화 리엑트로 만든 프로젝트에서 아래의 명령어를 통해 ffmpeg을 설치해봅니다. npm install @ffmpeg/ffmpeg..

오늘은 React가 무엇인지 초심자가 어떻게 접근해야 하는지에 대해 간단히 짚어볼게요. React 라이브러리를 사용해서 웹 Front-end 프로젝트를 시작하려고 구글링을 하다보면 과연 리엑트가 정말 러닝커브가 낮은것이 맞는지 의문이 드실거예요. 그 이유는 React에 대한 내용보다 React로 프로젝트를 구성하기 위한 각종 라이브러리들의 설명까지 포함되어서 설명이 아주아주 복잡해지고 산으로 가는 경향이 많기 때문인데요. 그래서 저는 오늘 단순히 React가 무엇인지, 그리고 심지어 React에 대해서도 아주 간단하게 다뤄보려고 해요. 바로 JSX 문법인데요. 리액트를 처음 시작하시면 보통 CRA로 시작하실거예요. 공식 홈페이지에서 가이드 하는 방법 중 하나인데요. npx create-react-app ..

안녕하세요, 오늘은 자바스크립트 라이브러리 구현 및 배포 방법을 간단히 소개하고자 합니다. (카카오 이모티콘 귀엽네요 ^^) npm은 아시다시피 node package manager 인데요. 이는 node js기반의 패키지 라이브러리 관리자입니다. npm에 라이브러리 배포하는 방식에 대해 간단히 설명 드릴게요. 1. 프로젝트 생성 및 내보내기 공통으로 사용하고자 하는 모듈을 만들어 내보낸다. let ACCOUNT_URI = 'https://account.wisenet-cloud.com'; let MY_URI = window.location.href; /** * 도메인을 설정합니다. * @param {string} authUri 로그인을 위한 URI Domain * @param {string} myUri ..