본문 바로가기

학교 & 학원 이론 수업

(87)
react(3) import Swal from 'sweetalert2'; Material UI
react(2) -새 파일 생성 후 rsx라고 치면 기본 틀이 만들어진다 (관련 익스텐션을 설치해야한다 대신) -App.js 에서 컴포넌트들을 Import받아서 출력할 수 있다. -useState : 파라미터 값을 바꿔줄 때 사용 const [carName1,setCarName1]=useState("핑크비틀차"); -사진 꺼내는 방식 2가지 : (1)import 변수명 from 주소 (2)request를 사용해서 public 폴더에 있는 사진 불러오기 -마우스의 x,y좌표는 e.pageX , e.pageY로 불러올 수 있다 -리터럴 안에서 파라미터 값 호출하려면 $ 표시 사용 - 체크박스로 사진이 보이는 여부를 나타내려면 다음 조건식으로도 가능하다 -리스트를 꺼내는 방법 중 다음과 같은 방법도 있다 -map 사용해서 배..
react 리액트 설치 (공식사이트 : https://reactjs.org/) React 는 UI 컴포넌트 라이브러리이다 장점 단순한 앱개발 :React 는 순수 자바스크립트로 만든 컴포넌트 기반 아키텍쳐이다 빠른 UI : 가상 DOM 제공 코드량 감소 : React 커뮤니티와 개발 생태계를 통해 수많은 라이브러리와 컴포넌트를 접할수있다 단점 : 리액트는 단방향 데이타 바인딩만 제공한다 리액트는 다른 프레임워크처럼 성숙하지 않다 리액트는 모든 기능을 갖춘 프레임워크는 아니다. 여러 라이브러리를 같이 사용해야만 한다 Node.js 설치 **https://nodejs.org/ko/download** 설치가 끝나면 node -v 으로 확인 yarn 설치 **https://yarnpkg.com/en/docs/install..
aws ec2 접속하기 aws 에 2년 다녔었지만 오늘에서야 ec2에 인스턴스를 만들고 접속을 해보았다 (거의 달팽이급 러닝 커브) 용주랑 캐치마인드&갈틱폰 사이드 프로젝트로 개발할것이다(AWS, Spring Boot-Gradle, React 활용) 1.인스턴스 만들 때 주의할 점이 Security Group 에서 CIDR 0.0.0.0/0으로 해줘야 접근이 가능. 또한 8080포트도 열어준다 키페어도 새로 만들어준다. 2.Mac 터미널에서 키페어 다운로드 받은 경로로 이동한 후 명령어로 권한 먼저 준다 -> chmod 400 키페어명.pem 3.터미널에 ssh -i 키페어명.pem ec2-user@퍼블릭ip주소 yes 치면은 이제 접속 됨. ---------------------------------- (docker 설치) ..
230524 - 파이썬 (2) 1) 전역변수와 지역변수 global 을 붙여주면 모든 함수에서 사용 가능한 전역변수가 됨 2) list list= [ ] s = input("이름을 입력하세요:") list.append(s) 3)file f1=open("/Users/hyunohsmacbook/downloads/data1.txt","w") str="hello\npython\nspring boot" f1.write(str) f1.close() print("data1.txt를 확인해보세요") 4)crawling ================================ java로 크롤링하기 : pom.xml에 dependency 추가 후, 컨트롤러 생성해서 긁어준다 org.jsoup jsoup 1.11.3 (컨트롤러) package com...
230522 - 파이썬 (1) https://www.python.org/downloads/ :최신버전으로 다운받아 설치 진행하기 Jupyter Notebook 사용 방법 1. cmd 창에서 pip3 install jupyter 실행 2. cmd 창 다시 열고 jupyter notebook 3. 웹페이지가 열리면 우측에서 new - Python3 선택 4. 상단 untitled 클릭하고 파일명 변경 5. 한줄 한줄 실행후 run(ctrl+enter) 단축키 shift+enter : 실행후 아래셀로 이동 ctrl+enter : 실행 alt+enter : 실행후 아래에 새로운 셀 추가 esc 로 코드창에서 빠져나온후 a : 위로 셀 추가 b : 아래로 셀 추가 d(2번) : 현재셀 삭제 l : 라인번호 on/off enter : 명령모드에..
대용량 데이터 처리(k-mooc 교육과정) -etl 솔루션 : 오픈소스도 있다 -Apache NIFI : 많이 쓰는 솔루션. 데이터를 병렬적으로 처리. -상용소스 도구는 : 3가지 정도 많이 씀. Informatia PowerCenter 은 그 중에 하나 -Public Cloud DW도 활용 -ELT의 장점 : 빠른 데이터 전소, 낮은 데이터 처리 비용 -CDC : 데이터가 변경될 때 마다 가져오는 것 - change data capture -SharePlex라는 제품을 많이 씀. -EAI : 기업 정보시스템들의 데이터를 연계, 통합하는 소프트웨어/정보시스템 아키텍처 프레임워크 -ODS란? DW 구축에서 Source 데이터에 일정한 가공 과정을 거쳐 작성. 조직의 단기적 의사결정 지원 가능. DW 를 구축하기 위한 중간적 역할 담당 -DW란? 기..
230512 Docker (on cloud) & Jenkins 네이버클라우드 서버접속 ( cmd에서 ssh root@공인ip ) 도커설치 ( https://docs.docker.com/engine/install/ubuntu/) docker ps -a 모든 컨테이너 확인 docker ps 실행중인 모든 컨테이너 확인 docker images docker image rm 9c 9c로 시작하는 이미지 삭제 docker images 젠킨스 설치 (https://github.com/jenkinsci/docker/blob/master/README.md) --name jenkins-server를 포함시켜줘서 서버 명을 지어주자 (docker run -p 8080:8080 -p 50000:50000 --name jenkins-server --restart=on-failure -v..