개발/정보/기타 기록들

▶ telnet? - 원격 접속 서비스, 특정 사용자가 네트워크를 통해 다른 컴퓨터에 연결하여 다른 컴퓨터에서 제공하는 서비스를 받을 수 있도록 하는 인터넷 표준 프로토콜을 의미함. - 내 서버에서 타 서버로 연결이 되는지 체크할 때 사용 // telnet 서버이름 포트번호 ▶ cmd 창에서 telnet 명령어 에러났을 때 - telnet 활성화가 되어 있지 않기 때문, 1. 제어판 2. 프로그램 및 기능 클릭! 3. Windows 기능 켜기/끄기 4. 텔넷 클라이언트 체크! 후 확인 버튼 - 위와 같은 설정을 하면 cmd 창에서 telnet명령어 실행시킬 수 있음.

▶ Prettier - 다양한 코드 스타일을 사전 설정할 수 있음, 코드를 깔끔하게 정리하는 용도 - 자동코드 정리를 하면 코드가 제대로 정렬, 세미클론(;) 자동 추가, 작은따옴표 → 큰따옴표로 변경 - 프로젝트의 루트 디렉토리(src, public 디렉토리가 있는 곳)에서 .prettierrc 파일 생성 후 내용 입력하기 - 협업할 때 코딩 스타일을 맞출 수 있는 장점이 있음 - 관련내용은 참고링크를 참고 ▶ 예시 ▶ 참고링크 - https://prettier.io/docs/en/options.html Prettier · Opinionated Code Formatter Opinionated Code Formatter prettier.io

javascript 소스를 보다보면 쭉 나열된 형식으로 된 소스가 많다. 이럴 때 정리해서 볼 수 있는 사이트를 알게 되었다. Thanks to JennyPark♡ ▶ 소개글 JavaScript 및 HTML을 아름답게 꾸미거나 압축을 풀거나 난독 처리하고, JSON / JSONP를 읽을 수있게 만듭니다. 모든 소스 코드는 완전 무료이며 공개되어 있으며 GitHub 에서 MIT 라이센스로 제공되며 명령 행 버전, Python 라이브러리 및 노드 패키지 도 있습니다. ▶ 참고링크 https://beautifier.io/ Online JavaScript beautifier beautifier.io ** 쿠팡파트너스 광고달기 https://coupa.ng/bjR4SM COUPANG 쿠팡은 로켓배송 www.cou..

▶ XAMPP란? - XAMPP의 이름은 X(크로스 플램폼), A(아파치 웹 서버), M(MariaDB), P(PHP), P(Perl) 의 줄임말이다. - XAMPP는 PHP 개발 환경에 가장 인기 있고 오프라인 환경인 로컬PC(=개인이 소유하고 있는 컴퓨터) 환경에서 웹 개발을 할 때 사용하는 소프트웨어이다. ▶ 윈도우에 XAMPP 설치하기 1. https://www.apachefriends.org/index.html 에 접속한다. XAMPP Installers and Downloads for Apache Friends What is XAMPP? XAMPP is the most popular PHP development environment XAMPP is a completely free, easy t..

▶ Amazon Cognito? - Amazon Cognito는 웹과 모바일 앱에 대한 인증, 권한 부여 및 사용자 관리를 제공하는 서비스 - 사용자 이름과 암호를 사용하여 직접 로그인 하거나 Facebook, Amazon 또는 Google 같은 타사를 통해 로그인 할 수 있음. - 사용자풀을 만들어 SDK를 통해 액세스가 가능 /* AWS Cognito서비스는 일시적인 이벤트성 사이트를 구현할 때 사용하기 좋을 것 같고, 생성된 사용자풀을 이용하여 차후에 마케팅적인 요소로도 사용하기 좋을 것 같습니다. 사용자풀을 어떻게 구성하느냐에 따라 다르며, 개인정보 관련된 사항도 함께 나열하여 이용한다면 마케팅적인 부분에서도 문제없이 이용가능 할 것 같습니다. */ ▶ Amazon Cognito 요금 - 사용한 ..

▶ 참고링크 - https://developer.mozilla.org/ko/docs/A_re-introduction_to_JavaScript JavaScript 재입문하기 (JS ​튜토리얼) 어째서 재입문일까요? 왜냐하면, JavaScript는 세계에서 가장 오해받고 있는 프로그래밍 언어로 악명이 높기 때문입니다. 종종 장난감같다고 조롱당하기도했지만, 이 거짓말같은 단순함 아래에는 몇 가지의 강력한 언어 기능이 숨어 있습니다. Javascript가 믿기 힘들 정도로 많은 개수의 고(髙)-프로필 애플리케이션에 현재 사용되고 있다는 것은, 웹 또는 모바일 개발자 누구에게라도 이 기술에 대한 깊은 지식이 중요한 기량이 된다는 것을 보여주는 것입니다 developer.mozilla.org

▶ 사용하기전 확인사항 - react.js 설치가 되었나? - node.js 설치가 되었나? - npm/yarn 이 설치 되었는지? - VScode(visual Studio Code)가 설치되었는지? (다른 툴이여도 괜찮아요.) ** react.js를 사용하기 위해서는 패키지 사용을 위한 node.js가 설치되어야 하고 npm 또는 yarn 이 설치되면 된다. ▶ create react app 도구 사용하기 이전에는 package.json 작성해서 바벨이랑 웹팩을 직접 설치, 설정하고, 리액트 관련 라이브러리 설정을 했는데, 이 역할을 create react app이 한다. 페이스북에서 만들어준 도구야 해당 도구가 나오기 전에는 프로젝트 설정을 직접하거나 보일러플레이트(boilerplate) 이미 프로젝..

▶ 윈도우 버전 확인방법 1. 윈도우키와 R 키를 눌러 실행창을 띄운다 2. winver 을 입력한 후 엔터 3. Wiondows 정보창 확인 - 위처럼 창이 나오면 확인끝~! ** 쿠팡파트너스 광고달기 https://coupa.ng/bjR4SM COUPANG 쿠팡은 로켓배송 www.coupang.com ** 이 포스팅은 쿠팡 파트너스 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받을 수 있습니다.

▶ yarn - Node.js 설치시 패키지를 관리해주는 도구인 npm이 설치된다. - yarn은 npm을 대체할 수 있는 도구이고 npm 보다 더 빠르며 효율적인 캐시 시스템과 기타 부가 기능을 제공하고 있다. ▶ yarn 버전 확인 (on windows) 1. ctrl + R 버튼을 동시에 누른 후 cmd 를 친 후 엔터를 누르면 검은창이 나온다. 2. yarn --version 이라 친 후 엔터를 누른다. - 설치가 되어 있지 않아서 'yarn'은(는) 내부 또는 외부 명령, 실행할 수 있는 프로그램, 또는 배치 파일이 아닙니라 라는 문구가 뜬다. - 이제 설치를 하면 된다. ▶ yarn 최신 버전 설치 (on windows) 1. https://yarnpkg.com/lang/en/ 사이트에서 IN..

▶ Node.js - Node.js는 크롬 V8 자바 스크립트 엔진으로 빌드한 자바스크립트 런타임 - 웹 브라우저 환경이 아닌 곳에서도 자바스크립트를 사용하여 연산할 수 있음 - 2009년 Node.js 출시이후 자바스크립트는 웹 브라우저 영역 외에 웹 서버, 모바일, 데스크탑 영역에서도 활약 - 리액트 프로젝트시 반드시 설치해야 함 ▶ React와의 연관성 - 리액트 프로젝트 개발할 때 필요한 주요 도구들이 Node.js를 사용하기 때문에 설치가 필요함 - 주요 도구들에는 바벨(Babel), 웹팩(webpack) 이 있음. * 바벨(Babel) : ECMAScript 6(2015년 공식적으로 업데이트한 자바스크립트 문법)를 호환 시켜줌 * 웹팩(webpack) : 모듈화된 코드를 한 파일로 합치고(번들..