본문 바로가기

분류 전체보기

[React] O.D.C(One Dance Club) Hompage https://friendly-snyder-4bece3.netlify.app/#/ O.D.C friendly-snyder-4bece3.netlify.app https://github.com/joohaem/one-dance-club-react GitHub - joohaem/one-dance-club-react: O.D.C Hompage UI with React O.D.C Hompage UI with React. Contribute to joohaem/one-dance-club-react development by creating an account on GitHub. github.com HMTL 시멘틱 태그 Flexbox / Grid 레이아웃 Image Change Button Toggle Arrow Ic.. 더보기
[AWS] 3-Tier Web Application Architecture 구성 프로젝트 1. Cloud Architecture 구현 1.1 실제 구현한 Architecture 구조 1.2 (2.1)에 대한 각 구성요소 및 구조에 대한 근거 1) 서울 region과 VPC : 한국 고객 위주로 운영이 되는 온라인 쇼핑몰이므로 서울 region 내 VPC를 구성하도록 구현하였다. 이는 비용 문제와 관리 측면에서의 장점으로 단일 region을 구축하였다. VPC는 가상 사설망을 말한다. VPC를 적용하면 네트워크를 구성할 수 있고, 각각의 VPC에 따라 다르게 네트워크 설정을 주어 독립된 네트워크처럼 작동하게 된다. 우선, CIDR(사이더)표기법으로 해당 네트워크 영역(ip대역)을 지정한다. 정부 네트워크 규모가 아니므로 C 클래스의 192.168.0.0/16 ip 주소를 할당한다. AWS 상의.. 더보기
[Javascript] Promise와 Async / Await Promise 우리가 API를 처리할 때나 fetch()로 데이터를 불러올 때, 비동기 작업을 하게 된다 그 때 Promise는 비동기 작업을 기반으로, pending 상태에서 ~ 결과값인 resolve / reject를 가져온다 관련 메소드들로 동기 메소드처럼 값을 반환할 수 있고, 미래의 어떤 시점에 결과를 제공한다 const promiseVar = new Promise((resolve, reject) => ( setTimeout(resolve, 3000, "Yes u r") // (handler, timeout, argument) )); promiseVar .then(result => console.log(result))// resolve 되면 실행 .catch(error => console.log.. 더보기
[Javascript][ES6] 화살표 함수 (Arrow Function)와 템플릿 리터럴 (Template Literals) Javascript 기초 함수 게시글 https://snupi.tistory.com/100 [부스트코스][BoostCourse] 6. Javascript 함수(1/2) (JS 함수의 개념 / 장점) 본 게시글은 생활코딩 강의를 듣고 정리한 글입니다 개념 함수는 데이터를 전달받아 처리한 후 결과를 출력하는 코드 블록이다 예시를 자판기로 들어보자 ex) 우리는 돈을 넣고 음료수 버튼(매 snupi.tistory.com https://snupi.tistory.com/101 [부스트코스][BoostCourse] 7. Javascript 함수(2/2) (JS 함수의 매개변수와 인자 / 리턴 / JS의 전역함수) 본 게시글은 생활코딩 강의를 듣고 정리한 글입니다 // 함수 선언 function 함수이름 ([arg1.. 더보기
[Javascript][ES6] Array Swapping, Omitting Array swapping let mon = "Sat"; let sat = "Mon"; [sat, mon] = [mon, sat] // 변수 swap Array Omitting const [, , , thu, fri] = days; // 4, 5번째 만 가져옴 더보기

티스토리툴바