Fall in IT.

안녕하세요. 오늘은 AWS의 S3를 활용하여 간단하게 정적 웹사이트 호스팅하는방법에 대해서 알아보도록 하겠습니다. AWS의 S3를 활용하여 간단하게 정적 웹사이트 호스팅하는방법 (아래 설명은 AWS의 계정이 존재한다고 가정하고 설명합니다. 계정이 없으신 분들은 생성 후에 따라해주세요 :) ) 간단한 웹사이트 준비 AWS의 S3 버킷 만들기 S3 환경 설정하기 속성탭에서 정적 웹사이트 호스팅 활성화 권한탭 -> 퍼블릭 엑세스 차단에서 모든 퍼블릭 엑세스 차단 비활성화 권한탭 -> 버킷 정책 추가 권한탭 -> CORS 구성 완료 참조 https://docs.aws.amazon.com/ko_kr/AmazonS3/latest/dev/cors.html#how-do-i-enable-cors https://docs...

안녕하세요. 오늘은 리액트 컴포넌트를 상대경로가 아닌 절대경로로 임포트하는 방법에 대해서 알아보겠습니다. 아래 설명은 CRA 프로젝트를 기준으로 설명합니다 : ) 왜 절대경로인가? 상대경로로 설정할 경우 디렉터리 구조가 깊어질수록 import 하기 어려워진다. import Common from "../../../../utils/common"; 절대경로로 설정할 경우 디렉터리 구조와 관계없이 손쉽게 import를 할 수 있다. import Common from "src/utils/common"; 설정 방법 프로젝트의 루트에 .env 파일을 생성하고 아래의 내용을 붙여넣습니다. NODE_PATH=src/ VSCODE에서도 Path를 잡아줘야하기 때문에 프로젝트의 루트에 jsconfig.json 파일을 생성하..

안녕하세요. 오늘은 lodash의 debounce 메소드에 대해서 알아보도록 하겠습니다. debounce란? 특정 이벤트가 발생할때 작동하는 비즈니스 로직이 과도하게 발생하는 것을 방지하기위해 사용되는 함수이다. input box에서 검색어를 입력할때마다 서버에서 연관된 검색어 정보를 가져와 보여주는 기능을 구현할때 주로 사용한다. 마지막 이벤트가 호출된 이후에 일정시간이 지난 후에 함수를 지연호출 시키는 역할을 한다. Sample Code 샘플 코드는 여기에서 다운로드 받으실 수 있습니다. :) import React from "react"; import "./App.css"; import { debounce } from "lodash"; const somthingFunc = () => { consol..

CRA(create-react-app)을 사용한 프로젝트에서 Moment.js 모듈을 사용할때 Locale이 적용되지 않는 문제가 있습니다. 그 이유는, create-react-app에는 moment locale 설정이 추가되어 있지 않다고 합니다. 자세한 내용은 링크를 참조해주세요 : ) Moment.js의 locale 을 적용하기 위해서는 직접 import 해주면 됩니다. import moment from "moment"; import "moment/locale/ko"; moment.locale("ko"); 참조 https://stackoverflow.com/questions/49788259/moment-js-change-locale-not-working

집의 와이파이는 한번 연결해두면 자동으로 연결되기 때문에 와이파이 비밀번호를 외우지 않아도 편하게 사용할 수 있지만 너무 오래전에 연결해두어서 새로운 장비에 와이파이를 연결하려고 할때 애를 먹는 경우가 간혹 있습니다. 이럴때, 맥북을 통해 연결된 와이파이의 비밀번호를 알아내어 손쉽게 와이파이에 연결할 수 있습니다. 맥북에서 연결된 와이파이 비밀번호 알아보는 방법 Launchpad를 열고 기타 항목에서 키체인 프로그램을 실행 좌측 상단에 시스템을 클릭 종류 컬럼을 클릭하여 AirPort 네트워크 암호를 우선으로 정렬 여기서, 알아보고자 하는 와이파이의 이름을 우클릭하여 정보가져오기를 클릭 암호 보기 체크박스를 선택 컴퓨터의 비밀번호를 입력하고 확인을 눌러주면 연결된 와이파이의 비밀번호를 확인하실 수 있습니..