http://www.cloudping.info/ CloudPing.info Amazon Web Services and AWS are trademarks of Amazon.com, Inc. or its affiliates in the United States and/or other countries. www.cloudping.info 서울 리전에서 opsworks 가 안된다. 물론 이미지 떠서 auto scaling 하거나 beanstalk 을 사용해도 된다. 오토 스케일링은 직접 EC2 한 개 생성하고 거기에 필요한 패키지 설치 및 설정 파일 들 고치고 해서 이미지를 뜬다. 그리고 부하에 따라 그 이미지가 자동으로 생성되도록 하는 방식이고 빈스톡은 기본 제공되는 이미지 nodejs 일 경우 nodejs ..
Bearer eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6ImI0YTlhYjYxLWJhZDktMTFlYi05ZTg5LTdiY2Q3ZDNlNWQyOCIsImlhdCI6MTYyMTY3Mjk3Nn0.6yEtyy0L9c9p2RmLQiardzXFd1eX55gp82mX8BYa1lw.U2FsdGVkX1/VJ+g+cOfBprUS47+uvC46T9Y03B2F3/PW3gTl4H/Q+f64bDUdXv5pUeWx6qNAUtfkWK9nNeHQS4nFtk3ynpGpKy6PPnc6g5Q= fullToken: eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6ImI0YTlhYjYxLWJhZDktMTFlYi05ZTg5LTdiY2Q3ZDNlNWQyOCIsImlhdCI6M..
redux toolkit 과 함께 사용하기에는 rtk-query 가 더 좋아보인다. rtk-query-docs.netlify.app RTK Query - Powerful data fetching and caching for Redux | RTK Query RTK Query is an advanced data fetching and caching tool, designed to simplify common cases for loading data in a web application. rtk-query-docs.netlify.app github.com/klis87/redux-requests klis87/redux-requests Declarative AJAX requests and automatic net..
react native 관련 작업 시 패키지 매지저로 yarn 을 사용하면 다음과 같은 경고 문구가 뜰 수 있다. warning package-lock.json found. Your project contains lock files generated by tools other than Yarn. It is advised not to mix package managers in order to avoid resolution inconsistencies caused by unsynchronized lock files. To clear this warning, remove package-lock.json. npm 최신 버전의 경우 package-lock.json 으로 패키지의 버전 락을 수행한다. yarn 의 ..
pod 를 업그레이드 후에 pod install 시에 다음과 같은 경고 문구를 만날 수 있다. [!] Your project does not explicitly specify the CocoaPods master specs repo. Since CDN is now used as the default, you may safely remove it from your repos directory via `pod repo remove master`. To suppress this warning please add `warn_for_unused_master_specs_repo => false` to your Podfile. 이 이슈와 연관이 있다. git 기반의 MasterSource 대신 CDN 기반의 Trun..
전자정부프레임워크 간략 설명 전자정부 표준프레임워크는 스프링프레임워크를 기반으로 미리 서로 잘 연동되는 버전들로 구성하여 큰 기업이 아니더라도 엔터프라이즈 규모의 웹어플리케이션 개발을 할 수 있도록 해준다. 실행환경이 개발을 위한 스프링 및 관련 연동 패키지들을 조합한 것이다. 개발환경은 이클립스와 같이 개발을 위한 개발툴 들에 관한 것이다. 공통컴포넌트는 가장 기반이 되는 실행환경을 바탕으로 인증/인가, 게시판, 회원관리 등의 기능들을 미리 구현해 놓은 것이다. 공통 컴포넌트는 참고용으로 무조건 이것을 사용할 필요는 없다. 게시판은 어떻게 구현했는지, 회원관리는 어떻게 구현했는지, 파일 업로드는 실제로 어떻게 구현했는지를 참고할 수 있다. 하지만 이 공통 컴포넌트의 개발 방식을 최대한 참고하여 유사하게..
OAuth 2 OAuth 2 의 경우 Resource Owner : OAuth 1 의 User 와 같다. 리소스(가령 페북의 본인 사진 같은 것.) 의 개인 소유주이다. Client : Authorization Server 에 등록되어 사용자와의 상호작용을 위한 것. (페이스북의 앱 같은 것, App Id, App Secret 을 제공해준다. 네이버는 컨슈머라 칭한다.) Authorization Server : 실제 인증 및 인가를 위한 기능을 한다. 이곳에 Client 가 등록을 하고 Resource Owner 가 Client 에게 기능을 위임할 수 있도록 한다. Resource Server : API 를 통한 자원을 획득할 수 있는 실제 서비스 서버. 와 같은 주체들이 있다. Grant Types (..
쿠키란 클라이언트 측에서는 Cookie, 서버 측에서는 Set-Cookie 라는 헤더의 값을 통해 클라이언트와 서버가 정보를 전달하는 방식이다. Authentication 은 Authorization 과 구분된다. 인증 (Authentication) 은 아래의 여기서 설명하고 있는 키값을 통한 로그인을 의미하며 인가 (Authorization) 는 간단히 보면 이렇게 인증된 것만으로 인가여부가 결정될 수도 있으나 여기에 더해서 관리자, 일반사용자 와 같이 role 에 따른 권한 부여 절차까지를 의미한다. cookie session 방식: 세션 쿠키 (만료 시간 지정하지 않은 쿠키) 와 서버측의 세션 저장소를 통한 인증 방식. 서버측으로 인증정보 (아이디, 비번) 을 전송하면 서버에서는 Set-Cookie..
1.검은고딕★★★★★ - 유료폰트중 격동고딕을 대체할만할 폰트 BUT 영문 불가능,두께 조절 불가능 2.에스코어드림★★★★★ - 두께 조절 가능하고 자막으로 사용하기에도 딱 좋은 폰트,HG꼬딕체를 대체할 폰트 3.티몬소리체★★★★ - 어디에 쓰여도 다 어울리고 이쁘지만 너무 많이 사용해서 독특함이 없는게 단점 그래도 베리 굳 BUT 두께조절 불가능 4.NOTO SANS 폰트★★★★ - 모든 폰트의 기본 및 베이직 ,한글 및 영문 폰트 다 적용 가능,가독성 좋음,가장 무난,두께도 6가지 대부분 해외 언어 지원 !! 5.잉크립퀴드 폰트 ★★★★ - 브이로그에 유용,글귀와 감성을 넣을때 필수,캐주얼한 분위기에 잘 어울림! 6. TVN 즐거운 이야기체★★★ - 감성 및 브이로그에 잘 어울림 7.스웨거체 ★★★★..
kr.vuejs.org/v2/guide/index.html 시작하기 — Vue.js Vue.js - 프로그레시브 자바스크립트 프레임워크 kr.vuejs.org ant.design Ant Design - The world's second most popular React UI framework ant.design echarts.apache.org/examples/en/index.html Examples - Apache ECharts echarts.apache.org
Gitflow 워크플로우 설명 master, develop (feature), release, hotfix master 가 주가 되며 CI 에 반영됨. 모든 기능 개발은 develop 브랜치 중심으로 수행됨. 어느정도 기능개발이 되면 release 를 위한 release/xxx 또는 release-xxx 와 같은 브랜치를 만듬. 여기서 release 를 위한 사이클이 시작되며 버그수정, 문서추가 등의 릴리즈를 위한 작업 외에는 추가 안함. 이와 동시에 develop 은 또 계속 진행. release 가 브랜치가 완료되면 release v0.2 라하면 이것을 master 에 반영. 여기서 혹여나 버그가 생기면 hotfix 로 브랜치를 따서 버그 수정. 즉, hotfix 는 master 로 부터 따서 버그 ..
Theme , Initiative 개념도 추가됨. Story 는 애자일팀에서 보통 작은단위이슈를 이렇게 칭하고 Ticket 이라고 칭하기도 한다. https://jellyfish.co/blog/jira-structure/ https://jellyfish.co/blog/jira-best-practices-project-organization/ 스크럼 프로세스의 이해 (애자일에는 대표적으로 스크럼, 칸반이 있으며 스크럼은 신규 SW개발시 많이 사용된다) 먼저 팀에 의해 구현되어야 할 필요가 있는 일차적인 기능과 요구사항의 리스트인 백로그(backlog)를 가진다. 항목의 백로그는 위에서 아래로 우선순위에 따라 나열된다. 제품 책임자는 백로그에 대한 담당자로 그의 비전에 따라 우선순위를 정의하지만 팀의 모든 ..
express 는 listen 으로 서버를 시작한다. 그리고 request, response 를 가진 http 요청을 받는 http 처리 서버가 된다. 그리고 기본 서버에 다양한 middleware 가 추가되어 요청을 원하는 방식으로 처리한다. express 의 미들웨어는 일반적인 미들웨어와 맨 앞에 err 를 받는 에러 미들웨어 두개가 존재한다. // 일반적인 미들웨어 function commonMiddleware(req, res, next) { console.log('common middleware') next(new Error('error occurred')) } // 에러 미들웨어 function errorMiddleware(err, req, res, next) { console.log(err.m..
typescript 는 기본적으로 컴파일을 통해서 javacript 파일을 만든 다음에 Node.js 로 실행하는 방법이 있다. npx tsc 로 컴파일. node src/1.js 하면 실행. 이러한 방법은 귀찮을 수 있으므로 vscode 익스텐션을 이용하는 방법이 있다. 왼쪽 메뉴 중 네모네모를 클릭하여 code runner 라는 것을 설치. code runner 를 통해서 typescript 를 컴파일 하기 위해서는 ts-node 라는 것을 설치해야 한다. npm install ts-node 그리고 ts-node 를 사용하도록 설정을 해주어야 하는데 CMD + , 를 누르면 설정파일이 나온다. executorMap 이라고 입력. 가장 위의 것 클릭. "typescript": "node_modules/..
왜 React Native 가 좋은가? Android / Ios Native 를 Java, Kotlin, Swift 를 통해서 개발한다고 생각해보자. 단순히 한 화면에서 다른 화면으로 전환하며 데이터 전달을 한다고 할 때 간단히 보면 아래와 같다. 논리적으로나 복잡도에서나 react native 가 가장 단순하고 논리적이라 할 수 있다. 또한 안드로이드나 Swift 네이티브의 경우 구현을 하려면 꽤나 성가신 것을 알 수 있다. 간단한 화면 전환에서 데이터 전달을 함에 있어 인텐트, 액티비티, 세그웨이, 뷰컨트롤러 등의 고차원적 개념과 이를 각 문법에 맞게 그들 특유의 방식에 맞추어 공을 들여 구현해야 하고 또한 이런 간단한 의도를 코드로 구현하고자 함에 있어 여러가지 고려하고 생각해야할 것들이 많아 상당..
가장 기본적으로 javascript 의 기본 Error 객체의 구조는 다음과 같다. new Error() 해보면. message, name, code 정도가 있다 실제로는 message 와 name 만 있다. name 은 기본 Error 이고 message 는 기본 '' 이다. 리액트에서 에러 처리에 대한 고려는 곧 redux 를 사용할 것인가 라는 고려까지 하게 만든다. 그래서 전체적인 구성에 있어서 큰 영향을 미치는 사안이다. 리액트의 useState, useEffect, useContext, useMemo, useCallback, useReducer 등과 같은 훅과 함께 react-redux 의 useDispatch, useSelector 훅은 너무나도 보편적으로 잘 사용되고 있기에 리덕스를 사용하..
아래 글은 잘못된 판단. 개념 파악을 위한 도움용으로 참고하면 좋음. 이 글에 관련 내용 기재. https://thewavelet.tistory.com/76 즉, React 는 우선적으로 함수형 프로그래밍 방식을 기본으로 사용하고 또한 Javascript 기반으로 하는 Node.js 또한 그렇게 하는 것이 좋아보인다. React 가 함수형 프로그래밍 방식을 가장 잘 적용한 라이브러리라고 보아도 좋을 듯 하다. 명령형 프로그래밍의 if, for, i++ 과 같은 것 보다는 간단하고 틀리지 않을 filter, map, reduce, take, groupBy 와 같은 작은 단위의 순수 함수들을 프로그래밍의 기본 구성 요소로 간주하면서 프로그래밍 하는 사고와 방식. 함수형 프로그래밍 : 1930년대 알론소 처치..
express 와 async await 그리고 error 처리 { const posts = await Post.find({}).populate("author").exec(); response.json(posts) }); } } ================================= [koa2] router.get('/api/v1/auth/intro', requireAuth, async (ctx, next) => { try { await next(); const users = await dao.getUser(ctx.state.user_id); if (!users.length) { ResponseUtil.status(200).body({message: 'no_user', data: ''}).build(..