# environment

24개의 포스트

[AWS] EC2 환경설정

로컬(Mac) 내 환경을 건들이지 않고, Node.js 환경을 사용하기 위해 AWS EC2 Ubuntu 16.04 LTS 서버를 할당받으려고 한다. 작업 방법은 다음과 같다.AWS에 접속 후, EC2 콘솔에 로그인한다.새로운 인스턴스를 생성한다.OS: Ubuntu 16

2020년 9월 11일
·
0개의 댓글

개발자 설정

맥 기본 환경 설정들을 해주고 나서, 개발자환경을 추가로 붙여봅시다.런치패드 단축키는 f4니까 독바에서 제거해주자홈브루를 통해서 프로그램 설치/업데이트/삭제를 관리합시다.홈브루 사용법개발자가 많이 사용하게 되는 터미널을 좀 더 사용하기 편하게 기능을 확장하고 예쁘게 꾸

2020년 7월 24일
·
0개의 댓글

화면녹화

cmd + shift + 5 녹화 및 캡쳐 기능이 있습니다.

2020년 7월 24일
·
0개의 댓글
post-thumbnail

맥북 setting

동일한 계정으로 여러 애플 제품을 쓰고 있다면 아이클라우드로 데이터를 공유할 수 있습니다.5기가가 무료로 제공되는데 모든 것을 다 공유한다면 금방 차겠지요?이를 방지하기 위해 시스템 환경설정 -> Appple Id -> iCloud -> iCloud Drive 옵션 -

2020년 7월 24일
·
0개의 댓글

parcel

참고parcel공홈 한국어판

2020년 7월 24일
·
0개의 댓글

node 환경설정

소스를 watch하고 있다가 바뀌면 다시 빌드해 줍니다.각각의 언어 컴파일이나 여러가지 명령어를 한 번에 실행하고자 할 때 사용됩니다.

2020년 7월 21일
·
0개의 댓글

맥 사용 팁

\* 링크해두고 나중에 정리할 것들맥에서 특수문자 입력하는 법 : https://macnews.tistory.com/1439일반 특수문자 단축키: ctrl + cmd + space

2020년 7월 16일
·
0개의 댓글

웹서버

Hypertext Transfer ProtocolHypertext: 문서와 문서 간에 링크로 연결되어 있는 체계(Html)Transfer: 전송Protocol: 규약S: Over Secure Socket Layer의 약자. 보안이 강화된 HTTPHttps는 ssl프로토

2020년 7월 8일
·
0개의 댓글

빌드툴: 메이븐 설치

자바를 빌드해주는 툴이 있습니다.Maven, Gradle 등등..실무에서 둘 다 사용되는 것 같습니다만, 그래들이 좀 더 사용하는 경우가 많았습니다.하지만 그래들도 메이븐과 연관되어 있다고 하고, 메이븐 설치 강의를 들었으므로 메이븐 설치를 정리해보겠습니다.참고로, M

2020년 6월 22일
·
0개의 댓글

gulp와 babel 연동하기

부트스트랩 템플릿으로 작업을 해야해서 파일을 다운받았습니다.늘 제가 다 만들어서 사용했어서 부트스트랩, material 같은 ui툴을 사용해본 적이 없었던 저는 참 신기하더라구요.구조를 살펴보니, gulp를 이용해서 scss와 여러가지 플러그인들까지 만들어놨더라구요.그

2020년 6월 16일
·
0개의 댓글
post-thumbnail

자바 설치

openjdk설치와 환경변수 설정하기

2020년 6월 15일
·
0개의 댓글

aQueryTool

팀장님께서 aQueryTool에 회원가입하고 공유요청을 보내라고 하셨다.이 것은 무엇인가.. 검색 조금 해놔보자.ERD 온라인 공유 툴이라고 한다.디비간의 관계를 나타내는 것 같다! 무료인 것도 좋다.http://tech.ubcare.co.kr/post/201

2020년 6월 15일
·
0개의 댓글

개발환경시리즈⑤ prettier

코드를 더 예쁘게 정리해줍니다.visual studio code의 settings.json에서으로 설정하면 에디터 안에서 80정도의 길이에 선이 그어집니다.\--write 옵션은 실제 파일도 수정해줍니다.eslint는 오류를 잡아주지만 자동으로 변경해주는 데 한계가 있

2020년 6월 9일
·
0개의 댓글

개발환경시리즈 ④ lint

문법오류, 코드컨벤션 등을 잡아주는 검사기입니다.eslint를 설치하고 .eslintrc.js를 루트경로에 만들어 작업합니다.eslint --init을 활용합니다.아래 명령어를 쳤을 때 나오는 질문들에 적절한 답을 하시면 자동으로 .eslintrc.js파일이 생성됩니다

2020년 6월 9일
·
0개의 댓글

개발환경시리즈③ Babel

바벨은 크로스 브라우징을 도와주는 트랜스파일러입니다.최신문법은 매년나오지만 브라우저마다 이를 반영하는 속도는 제각각이죠.크로스 브라우징을 달성하면서 최신 문법으로 개발할 수 있습니다.바벨의 빌드과정은 3단계입니다.1\. 파싱 - 코드를 읽고 추상구문트리로 변환2\. 변

2020년 6월 9일
·
0개의 댓글

개발환경시리즈② webpack

요즘 프론트엔드 환경에서는 모듈방식을 사용합니다. 전역을 최대한 더럽히지 않고, 독립적인 코드 작성이 가능해집니다. webpack은 이런 모듈을 크로스 브라우징 이슈없이 가능하도록 만들어줍니다.webpack과 터미널에서 webpack을 사용할 수 있게 해주는 webpa

2020년 6월 7일
·
0개의 댓글

개발환경시리즈① NPM

Node.js는 노드 실행기입니다. 더 이상 브라우저에서만 동작하는 javascript가 아니라는 얘기죠. 이를 활용해 웹서버를 만드는 백엔드를 작업하기도 하지만 노드 기반의 프론트 관련 좋은 패키지들(webpack, gulp, typescript, sass...)이

2020년 5월 15일
·
0개의 댓글

homebrew 사용법

홈브류는 맥OS용 패키지 관리자입니다. OS패키지 관리자를 통해 프로그램을 설치하고 관리할 수 있습니다.프로그램 설치 삭제 관리를 터미널로 완전히 제어할 수 있어서 컴퓨터를 깔끔하게 관리하실 수 있습니다.homebrew 설치homebrew 홈페이지에서 복사하라고 한 /

2020년 5월 15일
·
0개의 댓글
post-thumbnail

폰트 적용하기

우리가 웹 사이트를 구상할 때 기본적으로 많이 쓰이는 요소 중 하나인 폰트를 적용해볼까 합니다.적용해보기 위해 Googlefonts 홈페이지를 이용할 것인데요. 홈페이지에 들어가 마음에 드는 폰트를하나 선택해보겠습니다.제가 선택한 폰트를 바로 Noto Sans KR 이

2020년 3월 22일
·
0개의 댓글
post-thumbnail

올바른 파일경로로 이미지 넣어보기

기본적인 웹 개발 환경 중에 기초중에 기초인 파일경로로 통해 이미지를 삽입해볼껀데요. 단순 이미지 삽입이 아닌 삽입할 파일의 구조를 통해서 어떻게 적용해야 올바르게 파일이 적용이 되어 웹사이트에 나타날지도 우선 정리해보았습니다. > ### 호출하고 있는 html 파

2020년 3월 22일
·
0개의 댓글