전체 글 (17) 썸네일형 리스트형 04. AWS - Amazon Linx 2 AMI에 MySQL 설치하기 MySQL 설치 mysql 5.7 버젼 설치 sudo yum update -y sudo yum localinstall -y https://dev.mysql.com/get/mysql57-community-release-el7-11.noarch.rpm sudo rpm --import https://repo.mysql.com/RPM-GPG-KEY-mysql-2022 sudo yum install -y mysql-community-server rpm-gpg-key 관련 이슈 참고 URL (솔직히 뭔말인지 모르겠음) https://stackoverflow.com/questions/71239450/gpg-keys-issue-while-installing-mysql-community-server mysql 실행 su.. 03. AWS - Amazon Linx 2 AMI에 PHP 설치 후 NginX 연동하기 PHP 설치 참고 URL https://www.lesstif.com/lpt/amazon-linux-ami-php-7-3-77955353.html php 최신 버젼 조회 sudo amazon-linux-extras | grep php php 설치 sudo amazon-linux-extras install php7.4 php 패키지 활성화 sudo amazon-linux-extras enable php7.4 php 모듈 설치 sudo yum install php-cli php-common php-gd php-mbstring php-mysqlnd php-pdo php-fpm php-xml php-opcache php-zip php-bcmath php-curl php-mhash php-mcrypt php-pea.. 02. AWS - Amazon Linx 2 AMI에 NginX 설치 NginX 설치 ssh로 접속 후 NginX를 설치 sudo amazon-linux-extras install nginx1 NginX 설치 확인 which nginx nginx -v NginX 활성화 sudo systemctl start nginx NginX 상태 체크 sudo systemctl status nginx 엔진엑스를 활성화 시키고 난 뒤에는 AWS 대시보드에서 80/443 포트를 열어줘야 정상적으로 HTTP/HTTPS 통신이 가능해진다. 이제 AWS 대시보드로 이동하여 보안 / 인바운드 규칙을 설정해보자. 인바운드 규칙 편집 위 설정까지 완료되면 정상적으로 NginX로 웹사이트 서비스 할 준비가 마무리된다. 01. AWS - Linux 서버 생성 및 ssh 접속 설정 웹에이전시에서 근무하면서 매일 cafe24 웹호스팅만 안내하고 사용했었다. 이번에 새로 받은 프로젝트가 AWS를 사용한다고 해서, 해당 공부를 하며 기록을 남길 겸 아래와 같이 쓴다. AWS에 EC2 인스턴스를 생성 EC2에 ssh 접속 생성된 인스턴스에 접속해야 서버 세팅을 할 수 있다. 일반 웹호스팅이면 호스팅 생성 시 입력한 원격 접속 계정정보들로 바로 붙으면 되지만, 얘는 다른 방법을 써야한단다. - 탄력적 IP 주소 등록 - 키 파일을 이용한 ssh 접속 (MacOS) window 사용자는 ec2 putty 접속 키워드로 구글링하면 관련된 정보를 확인할 수 있다. 다운받은 키 파일을 안전한 곳으로 옮기고, 해당 위치로 이동하여 아래 커맨드를 입력한다. ssh -i 키파일명.pem ec2-user.. Web-Javascript 기본 개념 window 객체 모든 객체가 소속된 root 객체이고, 전역객체이면서 창이나 프레임을 의미한다. -> 전역변수를 생성하고, 함수를 생성한다 라는 의미는 각각 window의 속성(변수), window의 함수를 의미한다. alert('Hello World'); window.alert('Hello World'); alert()은 브라우저가 제공하는 내장함수다. 위 2가지 호출 방식 모두 동일하게 작동하는 것으로 확인이 되는 것을 보아, 기존에 사용하는 alert()이라는 함수 호출 방식은 실은 내부적으로 window.alert()을 실행하는 것과 같은 의미다. 아래는 전역변수와 함수에 대한 예시다. var a = 1; alert(a); alert(window.a); function sum () { retur.. Javascript의 함수(Function) 함수란? 함수(function)란 하나의 로직을 재실행 할 수 있도록 하는 것으로 코드의 재사용성을 높여준다. - 생활코딩 일반적으로 다른 언어에서는 함수를 선언할 때 해당 함수를 임의의 변수에 할당할 수 없다. 하지만 JavaScript(이하 JS)에서의 함수는 변수에 할당할 수 있다. 1) function a( ){ } 2) var a = function( ){ } 당연한 얘기지만, 위 코드들은 같은 듯 다른 코드다. 각각 1)함수선언식과 2)함수표현식으로 불리우며, 명칭이 다른만큼 각각의 특징들도 다르지만, 해당 내용은 현재 서술한 내용에서 크게 중요한 부분을 차지하지 않기 때문에 넘어가려고 한다. - 값으로서의 함수 2)함수표현식의 내용을 보면, 변수 a(var a)에 익명 함수(function(.. CSS 선택자 공부 사이트 < CSS Diner > https://opentutorials.org/course/2418/13354 선택자 공부 팁 - 생활코딩 여기서는 선택자를 쉽게 공부하고, 찾아 쓸 수 있는 방법을 알아봅니다. CSS Diner CSS 선택자를 게임의 형식을 통해서 익힐 수 있는 사이트 http://flukeout.github.io/ CheatSheet google image search opentutorials.org 스터디를 위한 공부 중 생활코딩에서 CSS 강의를 보던 중 재밌어 보이는 정보를 얻었다. https://flukeout.github.io/ CSS Diner A fun game to help you learn and practice CSS selectors. flukeout.github.io 요지는 간단하다. CSS 선.. React report. Error: Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: undefined. You likely forgot to export your component from the file it's defined in, or you might have mixe.. 저 에러가 발생하면 무조건 어디 글자 잘못 쓴 곳이 있는지 꼼꼼히 살펴봐야겠다. 이전 1 2 3 다음