개발일지, 개인 또는 단체 포트폴리오 등
[프로그래머스/레벨1] 완주하지 못한 선수 (자바스크립트) 문제 수많은 마라톤 선수들이 마라톤에 참여하였습니다. 단 한 명의 선수를 제외하고는 모든 선수가 마라톤을 완주하였습니다. 마라톤에 참여한 선수들의 이름이 담긴 배열 participant와 완주한 선수들의 이름이 담긴 배열 completion이 주어질 때, 완주하지 못한 선수의 이름을 return 하도록 solution 함수를 작성해주세요. 제한사항 마라톤 경기에 참여한 선수의 수는 더보기…
참고로 현재 환경의 맥은 2018년부터 사용했습니다. 첫 디바이스는 맥북 12인치였다가 최근 맥북 프로 16인치로 마이그레이션 했습니다. 전 버전인 매버릭스까지는 타이핑에 아무 문제가 없었는데 빅 서(Big Sur) 업데이트 이후로 크롬, 비주얼 스튜디오 코드 등 다양한 애플리케이션에서 타이핑 렉(딜레이)가 발생하기 시작했습니다. 이것 때문에 작업 중 스트레스가 심해 다양한 방법들을 인터넷에서 검색해 봤습니다만 더보기…
AWS(Amazon Web Service) S3 서비스는 파일을 업로드/다운로드 하는 용도로 제공되는 서비스인데요, 이 서비스에서 제공하는 부가 기능을 정적(static) 웹 사이트에 대한 호스팅 서버 용도로도 사용할 수 있습니다. 1) 로그인 후 AWS S3 Management Console 페이지로 접속한 다음 [버킷 만들기] 버튼을 클릭해 새로운 버튼을 만듭니다. 2) 버킷 이름, 리전(지역)을 더보기…
이미지 판매 사이트 (ImageShop) React + Redux-saga + Typescript 로 제작한 이미지 판매 사이트입니다. 저장소: https://github.com/ayaysir/React-ImageSell 참고서적 및 API 서버 출처: 실전 리액트 (온노트) 영상으로 보기 특징 외부 API 서버를 이용한 SPA 형태의 홈페이지 React-router를 이용한 URL 라우팅 구현 Functional Hooks 사용, MVVM 패턴에 맞춰 페이지, 컨테이너, 컴포넌트 역할 구분 관리자 더보기…
1. redux-action의 handleActions 대용으로 typesafe-actions의 createReducer 를 사용합니다. # NPM npm install typesafe-actions # YARN yarn add typesafe-actions 참고로 redux-action은 리덕스에서 액션 생성 함수, 리듀서를 작성하기 편하게 하기 위한 목적으로 사용됩니다. import { createAction } from “redux-actions” import { createReducer } from “typesafe-actions” // 액션 타입 const START_LOADING = “loading/START_LOADING” 더보기…
phpmyadmin에서 사용자 계정 생성하는 방법입니다. phpmyadmin의 홈페이지에서 (왼쪽 메뉴의 집 아이콘을 클릭하면 이동) 사용자 계정 탭을 클릭한 뒤, 빨간 네모박스의 사용자 추가 버튼을 클릭합니다. 사용자명 란에 아이디, 암호 및 재입력 란에 비밀번호를 입력합니다. 권한에서 사용할 권한을 체크한 후, 실행 버튼을 누르면 사용자가 생성됩니다.
JWT 란? JWT(JSON Web Token)는 공개 표준인 RFC7519로, JSON 객체 형태로 당사자 간 정보를 안전하게 전송하기 위한 소혀의 자체 포함 형식으로 정의됩니다. JWT는 두 당사자간에 전송할 클레임을 나타내는 URL에 안전(url-safe)한 압축 수단입니다. JWT의 클레임(claim; 페이로드의 한 조각)은 JWS(JSON Web Signature) 구조의 페이로드(payload; 정보) 또는 JWE(JSON Web Encryption) 구조의 JSON 개체로 더보기…
깃허브 프로젝트에 올린 웹 사이트를 인터넷에 올릴 방법이 없나 찾아보던 중 클릭 몇 번만으로 편리하게 깃허브 프로젝트를 인터넷상에서 배포할 수 있는 Netlify라는 서비스가 있어 사용방법을 소개하고자 합니다. Netlify 서비스의 장점 기본적으로 무료입니다. 깃허브 등 저장소 사이트와 계정 연동만 하면 클릭 몇 번만으로 각종 애플리케이션을 빌드 및 배포할 수 있습니다. 더보기…
현대음악가인 Steve Reich의 Clapping Music이라는 곡을 바탕으로 만들고 있는 리듬게임입니다. 원곡 동영상 데모 동영상 생각보다 배치가 어려워서 연습을 많이 해야할 것 같습니다. 데모 사이트 https://clapping-music.netlify.app/ 스페이스 바를 누르면 게임을 시작합니다. 왼쪽 키는 f, 오른쪽 키는 j를 눌러주세요. 크롬에서 실행하는 것을 권장합니다. 저장소 https://github.com/ayaysir/TypeScript-ClappingMusic/ 사용 기술 TypeScript 더보기…
URL 타입 인코딩되지 않은 주소를 URL의 형태로 관리합니다. let urlString = “https://itunes.apple.com/search?media=music&entity=musicVideo&term=collier” let url = URL(string: urlString) URL의 string:은 영문, 숫자와 특정 문자만 인식 가능하며, 한글, 띄어쓰기 등은 인식하지 못합니다. 아래 메소드를 통해 URL로부터 몇몇 정보를 가져올 수 있습니다. url?.absoluteString // 절대주소 (urlString과 동일) url?.scheme // http? htttps? url?.host // 더보기…