DalpangLOG

***다음 글의 내용은 javascript.info 사이트의 내용을 공부하며 작성한 내용입니다. JavaScript Fundamentals 2.12 ~ 2.15 2.12 nullish 병합 연산자 '??' * 최근 추가된 문법. a ?? b a 가 null도 아니고 undefined도 아니면 a, 그 외의 경우는 b. => 다음과 동일한 결과 x = (a !== null && a !== undefined) ? a : b; '??'와 '||'의 차이 - '||'는 첫 번째 truthy 값 반환 - '??'는 첫번째 정의된(defined) 값 반환 let height = 0; alert(height || 100); // 100 alert(height ?? 100); // 0 => '||'는 0이 falsy ..

개발공부/개발공부 2022. 12. 22. 12:55

***다음 글의 내용은 javascript.info 사이트의 내용을 공부하며 작성한 내용입니다. JavaScript Fundamentals 2.7 ~ 2.11 2.7 형변환 - 자동 형 변환과, 명시적 형 변환. 연산자, 함수는 대부분 자동적으로 전달받은 값을 적절한 자료형으로 변환해 준다. (자동 형변환) 하지만 때로는 병시적으로 특정 타입으로 형변환 시켜야 할 때도 있다. (명시적 형변환) 문자형으로 변환 String(문자열로변환할값) 숫자형으로 변환 Number(숫자로변환할 값) 전달받은 값 형 변환 후 undefined NaN null 0 true / false 1 / 0 string 문자열의 앞뒤 공백 제거 후 남은 문자열에서 숫자를 읽어 값 리턴. 단, 공백 제거 후 아무것도 안남으면 0, 숫..

개발공부/개발공부 2022. 12. 21. 18:25

***다음의 내용은 javascript.info 사이트의 내용을 공부하며 작성한 내용입니다. https://ko.javascript.info/hello-world Hello, world! ko.javascript.info JavaScript Fundamentals 2.1 ~ 2.6 Hello, World! HTML 파일 내 javascript 코드 작성 시. 모던 자바스크립트에서는 자주 사용하지 않는 script 태그의 속성(attribute) - type 속성 - language 속성 : javascript가 디폴트임으로 더 이상 사용할 필요 없는 속성. - 외부 스크립트 가져오기. 다음의 경로 부분에 가져올 자바스크립트 외부 파일 위치를 작성해주면 됨! 여러 javascript 파일을 적용시킬 경우,..

개발공부/개발공부 2022. 12. 20. 09:07

파이썬을 통해 간단한 웹 서버 실행 하기 1) 해당 프로젝트 파일이 있는 위치로 terminal에서 경로 변경. 2) 다음의 파이썬 커맨드 사용해 서버 띄우기. *** python3 버전 기준 서버 동작 커맨드. python3 -m http.server ***python2 사용 시 아래의 커맨드 사용. python2 -m SimpleHTTPServer 8000 위의 커맨드 뒤에 '&'를 추가해 background에서 실행되게 할 수 있다. ex ) python3 -m http.server & 다른 PC에서 지금 띄운 서버에 접속하기 (같은 와이파이를 사용하는 경우 가능) 서버를 띄운 피씨를 MyPC, 접속을 하려는 다른 피씨를 OtherPC라고 하자. (맥기준으로 설명) 1) 우선, 현재 컴퓨터의 IP ..

개발공부/개발공부 2022. 12. 19. 14:13

JavaScript ? - 웹페이지에 살아있는 것 같은 동적인 요소를 넣기 위해 생긴 언어. HTML 페이지 내에 작성되거나, 별도의 파일로 작성되어 웹 페이지가 로딩될 때 자동으로 실행되게 할 수 있다. 자바 스크립트로 작성한 프로그램을 스크립트 (Script)라고 부른다. 자바 스크립트와 자바 자바 스크립트가 만들어질 당시 초기 이름은 'LiveScript'이었으나, 당시 자바의 인기에 편승하여 자바의 동생 같은 느낌으로 포지셔닝하려고 이름을 '자바'스크립트로 변경하였다. 사실상 자바와 관계 없음! 자바 스크립트는 브라우저에서 뿐만 아니라 자바스크립트 엔진이 있다면, 서버에서도 동작 가능하다. 자바 스크립트 가상 머신이라고 불리는 엔진이 웹 브라우저에 내장되어 있음. - V8 : Chrome, Ope..

개발공부/개발공부 2022. 12. 15. 15:59

Webpack? : 여러 자바 스크립트 파일을 합쳐 하나(또는 하나 이상일 수도 있음)의 번들(묶음)로 변환시켜 주는 '정적 모듈 번들러'. 즉, 각각의 스크립트 파일들이 따로 렌더링 되는 것이 아니라, 미리 정적 모듈로 만들어진 하나(또는 소수의) 큰 번들을 렌더링 시킴으로써 유저가 더 빠른 시간 안에 서비스받을 수 있게 만들어주는 기능. > Module - 프로그램 구성 요소. 관련 데이터와 함수를 하나로 묶은 단위. > Dynamic shared objects? : DSO. 실행중에 여러 애플리케이션이나 파일에서 동시에 또는 공유하여 사용할 수 있는 객체 파일. > Mosel Langage? - 모델링 언어나 프로그램언어 모두를 통칭할 수 있는 언어. Modeling Language -> UML (..

개발공부/개발공부 2022. 12. 14. 16:00

MDN WEB DOCS Getting started with the web https://developer.mozilla.org/en-US/docs/Learn/Getting_started_with_the_web Getting started with the web - Learn web development | MDN Getting started with the web is a concise series introducing you to the practicalities of web development. You'll set up the tools you need to construct a simple webpage and publish your own simple code. developer.mozilla..

개발공부/개발공부 2022. 12. 9. 23:58

I/O Redirection Standard Input : 키보드로 입력받는 기본 입력 방식도 있지만 "" 문자를 통해 입력 한 파일을 처리한 후, 출력할 수 있음. (출력 리다이렉션) 리다이렉션 연산자의 순서는 중요하지 않음. 단, "" 옵션은 명령어의 다른 옵션 및 인자들 이후에 사용해야 한다. Pipelines I/O 리다이렉션을 통해 여러 명령어의 조합 즉, 파이프라인 형성 가능. ls -l | less 위의 커맨드를 사용하면 ls 명령어의 결과물이 less 커맨드의 인자로 입력된다. 다른 예제 Command 기능 ls -lt | head Displays the 10 newest files in the current directory. du | sort -nr Displays a list of d..

개발공부/개발공부 2022. 12. 6. 17:28

Linux Command linuxcommand.org -> Learning the Shell "Shell"이란 무엇인가? Shell - 키보드로부터 명령을 입력받아 운영시스템에 전달하는 프로그램. 명령어 해석기. 완전한 프로그램언어임(변수정의, 조건문, 반복문, 산술연산등 모두 가능) Shell program for Linux : bash, ksh, tcsh, zsh. Terminal? - Terminal emulator. shell과 상호작용 할 수 있도록 창구를 열어주는 프로그램. example of terminal emulator : gnome-terminal, konsole, xterm, rxvt, kvt, nxterm, eterm, etc. 더보기 emulator - 〔컴퓨터〕 어떤 기종용(機..

개발공부/개발공부 2022. 12. 6. 14:16

Amazon RDS Amazon Relational Database Service -> 데이터베이스를 아마존이 설치 및 대신 관리해줌. 관리를 해주는만큼 비싸지만, 데이터를 중요시하는 기업에서는 위험성 줄이기 위해 비용을 지불하면서 사용하는 경우가 많음. Amazon RDS로 이동하여 인스턴스 생성을 통해 데이터 베이스 생성 가능. 데이터베이스 관리 시스템 | 관계형 RDS | Amazon Web Services aws.amazon.com 다중 AZ? 하나 이상의 Availability Zone 즉, 가용성 지역에 데이터를 저장해놔 한곳의 데이터가 유실 되어도 다른 가용성 지역의 데이터를 사용하므로써 데이터 유실이나 서비스 중지를 막는것. 단, 스토리지를 두개 사용하는만큼 비용이 두배로 들기 때문에 잘 ..

개발공부/Cloud 2022. 11. 5. 09:17

Git-branch 사용을 위해 SourceTree 프로그램을 사용하려는데 기존에 내가 만든 리포는 나오지만 회사 Repository가 나오지 않는 문제가 있었다. 깃허브 OAuth 인증을 통해 로그인했는데, 자동으로 SSH등록이 안되어 수동으로 등록해야한다는 팝업이 떴다. SSH 수동 등록하러 이동! 깃허브 웹 사이트에 들어가서 settings -> Access -> SSH and GPG keys 선택 SSH keys에 새로운 SSH Key를 추가. 이때, SSH Key는 깃허브 연결 시에 나오는 복사 가능한 SSH key가 있고 그 밑에 Copy to Clipboard라는 버튼을 통해 복사해 사용한다. New SSH Key 버튼 클릭 후 나오는 팝업창 맨 위 SSH Keys이름은 자기가 알아보기 좋게..

개발공부/개발공부 2022. 11. 4. 19:34

CloudFront -> Web Server와 클라이언트 사이에 존재하여, 클라이언트단에서 좀 더 빠르게 요청된 데이터를 보여줄 수 있게 캐싱 데이터를 보내주는 CDN 서비스. AWS 서비스에서 Networking & Content Delivery -> CloudFront 선택 Create Distribution -> Domain명, Http Port 제대로 입력 후 Create Distribution 클릭. (추가 세팅이 필요하다면 다른 설정 자세히 살펴볼 것) Status가 Deployed로 바뀐 뒤 이름 클릭 -> Domain Name 주소로 접속 가능. 접속 시 원래 웹서버에 있던 내용과 동일하게 작동한다. 장단점? 클라우드 프런트로 로딩 시, 캐싱된 데이터를 보내주기 때문에 빠르게 로딩되는 장점..

개발공부/Cloud 2022. 11. 4. 10:50

AWS Amazon S3 (Simple Storage Service) 구성요소 - Bucket : 프로젝트 단위, 폴더들이 담김. - Folder : 파일이 담긴 단위 - Object : 파일의 단위 Object = 파일 + S3에서 요구하는 정보들. Bucket 생성 생성 시 버전 관리 옵션 설정 가능. 권한 설정을 통해 퍼블릭하게 내 파일이 보이게 할지 여부에 따라 선택할 것. Bucket 이름은 다른 사용자들이 생성하지 않은 이름으로만 생성 가능. Bucket 속성 수정 및 삭제는 s3사이트 내에서 UI를 통해 가능. Bucket내에 Directory(Folder) 만들기 버킷 명 클릭 -> 폴더 만들기 -> 폴더명 지정 -> 저장. 권한 설정 업로드된 파일이 웹 브라우저를 통해 다른 사람들도 확인..

개발공부/Cloud 2022. 11. 3. 18:27

AWS 보안 AWS 서비스 중 IAM(Identity and Access Management)를 통해 보안 설정 확인 가능. 추천 방법 MFA (Multi-Factor Authentication) -> Google OTP를 사용해 2중 인증으로 로그인 보안 가능. 계정 닫기 내계정 -> close Account로 이동시 계정 닫기 가능. 90일 내에는 다시 계정을 열 수 있지만 그 이후에는 불가능하고, 가입했다가 계정을 닫은 이메일로는 다시 계정 생성이 불가능하다. 다시 사용하지 않을 경우에는 혹시 모를 과금을 막기 위해 계정을 닫는 것도 좋은 방법.

개발공부/Cloud 2022. 11. 3. 16:54

EC2 인스턴스 접속하기 AWS EC2 인스턴스 리스트에서 열려는 인스턴스를 우클릭 -> '연결' 선택 인스턴스에 연결 이라는 팝업이 뜨게 되면 '원격 데스크톱 파일 다운로드' 선택. -> 파일이 다운받아진다. 원격 데스크톱 접속을 위해 Mac Appstore에서 'Microsoft Remote Desktop mac'을 선택하여 다운로드한다. 다운로드한 파일 우클릭 -> open with 'Microsoft Remote Desktop'선택 비밀번호 입력 창이 뜰 경우, AWS의 팝업창에 있는 암호 가져오기를 통해 이전에 다운로드한 암호 파일을 열고, 이내 활성화된 비밀 번호를 복사하여 'Microsoft Remote Desktop'에 붙여 넣기 하면 원격 접속 가능! 윈도의 경우는 그냥 파일을 다운로드하..

개발공부/Cloud 2022. 11. 3. 12:25

AWS EC2 인스턴스 설정 Step 3: Configure Instances에서 설정하는 것들. : 추가 network setting, 운영체제에서 shutdown 시킬 경우 stop 또는 instance terminate(즉, 인스턴스 자체 제거) 옵션 설정. -> enable termination protection : 인스턴스를 의도치 않게 삭제하는 것을 막기 위해 protect 걸어놓기. * VPC: Virtual Private Cloud Step 4. Add Storage. 무료로는 Size 30 GiB까지 사용 가능, 추가 시 과금. Volume Type : SSD(General, Provisioned), Magnetic. * provisioned ssd : 속도 지정 가능. 속도 빠를수록 ..

개발공부/Cloud 2022. 11. 3. 11:43