본문 바로가기

WEB

[React 공부] React에서 scss 쓰기 React로 웹사이트를 개발하다가 이제 웹디자인 후 css를 만져야하는데 scss를 어떻게 사용할 지 몰라서 찾아보았다. React에서 scss 사용 일단 맨 처음에는 css에 아무것도 없고, 저 사이트는 '노마드코더'를 따라하며 만든 사이트이다. 웹서핑도 해보고 블로그도 들어가보고 공식 사이트에 나와있는 방법도 봤는데, 결론은 공식 사이트 짱짱맨!! https://facebook.github.io/create-react-app/docs/adding-a-sass-stylesheet 공식 사이트에 나와있는대로 한번 해보자! react 2.0.0 버전 이후로 지원가능하다. npm install node-sass --save 작업을 잠시 중단한 후, 위의 코드를 입력해준다. 설치후 취약점이 69개나 발견되었다.. 더보기
[React 정리] 우리는 React를 왜 배우는가? (해당 포스팅은 '2019-04-29' 최종 수정되었습니다.) ​ 정말 오랜만에 웹 공부로 찾아온 히니입니다 :> ​ 이번에는 React에 대해서 배우고 정리해보겠습니다. 저는 이번에 '생활코딩, 노마드코더, React공식사이트'로 공부 한 후 정리합니다. 미리 말씀드리지만, 윈도우 기준으로 설명합니다. (나중에 맥 기준 설명 추가할 수 있으면 할게요!) React를 배우는 이유? 우리는 필요에 의해 배웁니다. 또는 미래의 필요를 대비해서 배우기도 하죠! 저는 이후 케이스이지만, 어쨌든 우리가 왜 React를 배울까? 어떤 쓸모가 있을까?에 대해서 먼저 설명하겠습니다. ​ 일단, React 는 무엇일까요? ​ React는 자바스크립트 라이브러리로 UI를 만들기 위해 사용됩니다. 페이스북의 첫번째 오픈소스.. 더보기
LAMP 설치 LAMP 설치​(putty를 이용해서 ubuntu 18.04에 LAMP 설치하는 방법입니다.)​​@LAMP란?@Linux, Apache, MySQL, PHP의 첫글자만 따온 약어입니다.리눅스 운영체제에 세가지 오픈소스 소프트웨어를 설치함을 의미합니다.​​@LAMP 설치@# 업데이트$ sudo apt-get update && sudo apt-get upgrade​​# Apache2 웹서버 설치## Apache란?Apache HTTP Server(Apache)는 HTTP 웹서버이다.* 웹서버: 클라이언트로부터 HTTP 요청을 받아들이고, HTML 문서와 같은 웹페이지를 반환하는 컴퓨터 프로그램​## Apache 설치$ sudo apt-get install apache2​Y​​​확인​​링크 창에 (public.. 더보기
PHP: JSON으로 외부 url 데이터 따오기 2018-11-23 최종수정 # 아직 json에 대한 공부 안 함 # 영화진흥위원회의 오픈 API 이용 # 인프 과제 중 이용 영화진흥위원회 api 이용 영화 진흥 위원회 홈페이지 http://www.kobis.or.kr/kobisopenapi/homepg/main/main.do 접속하고 회원가입 한 다음에 오픈 API 키 발급받기클릭 키 발급 클릭 사용목적과 관리명을 작성하고 키 발급 클릭 발급된 키는 잘 기억하고 계세요 ** OPEN API -> 제공 서비스 에 들어가보면 여러가지 정보 이용 가능방식 별 기본 요청 URL과 인터페이스, 응답 구조 나와있음공부 해야함REST방식을 json으로 사용할 것임! (아직 개념 모름) 아래쪽에 응답예시를 보면 'url 구조'가 나타나있음 url : address.. 더보기
클라우드 컴퓨팅 2019-01-05 수정하였음 (미완성)​클라우드 컴퓨팅# 클라우드 컴퓨팅 인터넷 기반 컴퓨팅자신의 컴퓨터가 아닌 인터넷에 연결된 다른 컴퓨터로 처리하는 기술IT리소스 ( 컴퓨팅 파워, 데이터베이스 스토리지, 애플리케이션 등 )를 필요에 따라 인터넷을 통해 제공- 사용한만큼만 비용 지불​## 웹 호스팅 / 서버 호스팅 / 클라우드의 차이점​​웹 호스팅서버 호스팅클라우드이용방식서버를 대신 구매하고 서버 공간을 분할해서 사용자에게 임대호스팅 업체의 물리 서버를 단독으로 임대 (인프라, 기술력까지 제공)- 서버 한 대를 통째로 빌려주는 서비스호스팅 업체의 가상 서버를 단독으로 임대장점서버 및 인프라 구축할 필요 x -> 가격 저렴서버 관리 권한을 갖고 서버의 모든 자원 활용 가능 (보안상 유리)서버 관리 권한.. 더보기
AWS (Amazon Web Services) '네이버 클라우드'나 '구글 드라이브'와는 좀 다른 개념(일반 소비자를 대상으로 서비스를 제공)​설명클라우드 서비스 플랫폼아마존의 자회사설립2006년특징주요 고객이 IT 관계자 (개발자, 엔지니어 등), 예산이 적은 스타트업 (모바일 게임 업체가 대표적)- '네이버 클라우드'와 '구글 드라이브'와는 다른 개념- 위의 두 가지는 일반 소비자를 대상으로 서비스 제공- 대표고객 : 넷플릭스, 나사, 다우존스, 에어비앤비, 삼성, 아모레퍼시픽, 요기요, 배틀그라운드, 트위치, 넷플릭스, ...- 아마존 닷컴 자체의 모든 서비스도 이미 AWS 위에서 돌아감​제공하는 모든 서비스를 API로 제어할 수 있음서비스대량의 서버, 스토리지, 네트워크 장비를 구매해놓고 사용자에게 인프라를 대여해줌 (EC2)- Elastic.. 더보기
Putty 비밀번호로 접속하기 ​@접속 및 유저추가@​ ​일단 ubuntu로 접속​​$ sudo useradd -s /bin/bash -m -d /home/USERNAME -g root (추가할 user이름)-s /bin/bash : 사용자가 기본으로 사용할 쉘 지정-m : 홈 디렉토리 생성-d /home/USERNAME : 해당 위치에 사용자 데이터 저장-g : 사용자가 속할 그룹(1개) 지정​​​$ cat /etc/passwd | grep (추가할 user이름)추가한 user이름이 존재하는지 확인​ @유저 비밀번호 설정@​​​​$ sudo passwd (추가한 user 이름)패스워드 지정두번 입력해주면 성공적으로 update 되었음을 알려줌​@sudoers 파일에 유저 추가@​​$ sudo chmod u+w /etc/sudoers.. 더보기
EC2 & Putty 사용법 2018-12-25 수정된 글입니다. (미완성)​EC2란?@기초@​# EC2 ( Elastic Compute Cloud ) : Amazon Web Services(AWS) 클라우드에서 확장식 컴퓨팅을 제공하는 서비스​# [ AWS 설명으로 가기 ][ 클라우드 컴퓨팅 설명으로 가기 ][EC2 홈페이지]​# EC2를 사용하는 이유 (작성자의 경우)현재 window 운영체제 컴퓨터를 사용중인데, ubuntu 운영체제로 된 컴퓨터로 작업하기 위해@EC2 인스턴스 생성@1. 사이트 접속​접속해서 계정만들기'Amazon EC2 시작하기' 클릭​​2. 인스턴스 생성'인스턴스 시작' 클릭 ​3. 운영하려는 운영체제 선택ubuntu 선택 ​* 프리티어 사용 가능 : 신규 가입자의 경우 1년 간 무료로 인스턴스 구동 가능.. 더보기