기본적인 도커 명령어 docker [대상][액션] -> [대상]: container(생략가능), image, volume, network 등 -> [액션]: ls, inspect, start, run 등 docker (container) create ```terminal //centos 이미지를 사용해서 컨테이너를 생성해주...

React 프로젝트를 Githuh Pages에 배포하는 방법을 포스팅해 볼 것이다. 이 과정에서 생긴 오류를 해결한 방법에 대해서도 정리해보겠다. 1. 레포지토리에서 Pages 설정하기 본인의 react 프로젝트가 있는 레포지토리의 Setting 에서 Pages를 선택해준다. 그 다음 Source 에서 아무 branch 를 골라 Save...

React 에서 Node.js 서버에 데이터 요청하기 (1) 이전 포스팅에서 서버 코드를 작성해보고, 테스트해봤다. 이번 포스팅에서는 프론트 부분을 완성하여 프론트에서 서버로 데이터 요청을 해볼 것이다. 1. 리액트 프로젝트 생성 먼저 아래 명령을 통해 client 폴더에 리액트 프로젝트를 생성해줍니다. cd client npx cr...

프론트에서 서버에 데이터 요청하는 방법에 대해 공부한 것 정리. 프론트는 React 를 사용했고, 서버는 Node.js 를 사용했다. 1. 프로젝트 생성 먼저 프로젝트를 생성할 폴더를 만들고, 그 안에 프론트 폴더와 서버 폴더를 추가로 만들어준다. 나는 request_Test 폴더를 만들어 그 안에 client, server 폴더를 만들어...

styled-components 란? 기존 돔을 만드는 방식인 css, scss 파일을 밖에 두고, 태그나 id, class이름으로 가져와 쓰지 않고, 동일한 컴포넌트에서 컴포넌트 이름을 쓰듯 스타일을 지정하는 것을 “styled-components” 라고 부릅니다. css 파일을 밖에 두지 않고, 컴포넌트 내부에 넣기 때문에, css가 전역...

Storybook 은 독립적인 컴포넌트를 개발할 수 있으며, 컨포넌트를 조합해 Story 에서 테스트해볼 수 있다. React 개발에 유용하게 쓰이고 있기 떄문에 사용하게 되었다. 1. 스토리북 설치 먼저 Storybook 사용하기 위한 초기세팅을 해줍니다. npx sb init // 초기세팅 npm add --dev react-do...

react.js 와 typescript 를 활용한 프로젝트를 만들어보겠습니다. 1. 리액트 프로젝트 생성 먼저 create-react-app 을 이용해 리액트 어플리케이션을 만들어줍니다. npx create-react-app [프로젝트 명] --template typescript --template typescript 라는 속성은 “타입...

1. Sidebar 배경에 이미지 넣기 _sass/addon/commons.scss 에서 사이드바 배경에 대한 설정을 할 수 있습니다. #sidebar { /* 원본 내용 background: var(--sidebar-bg); */ /* 아래 3줄 추가 이미지는 assets/img/ 디렉토리에 넣어 주세요. */ ...

Jekyll 테마 중 Chirpy 테마를 적용해볼거다. Chirpy 테마를 선택한 이유는 깔끔한 UI가 마음에 들었고, 카테고리 분류도 단순해서 좋았다. 테마를 적용하면서 많은 오류들이 있었지만, 오류를 해결했을 때 희열감이,,👍 그럼 Chirpy 테마 적용 및 오류 해결 포스팅을 시작해보겠습니다. 1. Chirpy 테마 다운로드 jeky...

빅데이터응용 수업 4주차 웹 크롤링 실습 필요 라이브러리 설치 크롤링을 하기 위해서는 selenium, bs4, tqdm 라이브러리를 설치해줘야한다. !pip install selenium !pip install bs4 !pip install tqdm 🖇 Selenium 웹 애플리케이션을 자동으로 테스트하고 웹 브라우징을 자동화하기 위한 ...

졸업작품으로 만들 웹 서비스에서 크롤링이 필요하기 때문에 Node.js 에서 웹 크롤링을 하는 예제를 따라해보려고 한다. 🌐 웹 크롤링(Web crawling)이란? 웹 크롤링(Web crawling)의 정식 명청은 Web Scraping 으로 주로 웹 페이지를 방문해서 필요한 데이터를 가져오는 것을 의미합니다. 주로 Python을 통해...

빅데이터응용 수업 3주차 실습 과제입니다. 1. VS Code에서 주피터 노트북 파일 생성 및 가상환경에서 실행 vs code에서 Ctrl + Shift+ P 실행 후, Create: New Jupyter Notebook 을 눌러서 주피터 노트북 파일을 생성해줍니다. 그리고 본인이 원하는 폴더에 .ipynb 파일로 저장해줍니다. 파...

visual studio에서 anaconda 가상환경 구축 1. visual studio 설치 2. anaconda 설치 3. 환경변수 -> 사용자변수 -> Path 편집 -> 아래 3개 경로 추가 C:\Users\younjin\AppData\Local\anaconda3 C:\Users\younjin\AppData\Loca...

1. Ruby 설치 Ruby Download Link 여기서 ruby를 설치해준다. 나는 제일 위에 있는 Ruby+Devkit 3.2.2-1 (x64) 를 다운받아주었다. rudy installer를 실행하면 위 사진과 같은 cmd창이 뜨는데, 1번(기본설치)를 누르고 엔터를 눌러 설치를 완료해줍니다. 2. install jekyll ...

express를 비롯한 Node.js의 모듈들과, React로 구현한 로그인, 회원가입 예제를 따라해볼 거다. 앞 포스팅에서 설치한 MySQL을 데이터베이스로 사용한다. (MySQL 설치 및 접속) 1. MySQL Setting ✔ mysql 접속 mysql> mysql -u root -p MySQL Server 의 bin폴더로 이동하여...

1. MySQL 설치 MySQL 다운로드 및 설치 방법 이 포스팅을 참고해서 설치를 해주었다. 👍 2. MySQL 서버 접속 먼저 cmd(명령프롬프트) 창을 켜고, C:\Program Files\MySQL\MySQL Server 8.0\bin 폴더로 이동한다. cd C:\Program Files\MySQL\MySQL Server 8.0\b...

문제 설명 경화는 과수원에서 귤을 수확했습니다. 경화는 수확한 귤 중 ‘k’개를 골라 상자 하나에 담아 판매하려고 합니다. 그런데 수확한 귤의 크기가 일정하지 않아 보기에 좋지 않다고 생각한 경화는 귤을 크기별로 분류했을 때 서로 다른 종류의 수를 최소화하고 싶습니다. 예를 들어, 경화가 수확한 귤 8개의 크기가 [1, 3, 2, 5, 4, 5, 2...

2581 번 문제 자연수 M과 N이 주어질 때 M이상 N이하의 자연수 중 소수인 것을 모두 골라 이들 소수의 합과 최솟값을 찾는 프로그램을 작성하시오. 예를 들어 M=60, N=100인 경우 60이상 100이하의 자연수 중 소수는 61, 67, 71, 73, 79, 83, 89, 97 총 8개가 있으므로, 이들 소수의 합은 620이고, 최솟값은 6...

1978 번 문제 주어진 수 N개 중에서 소수가 몇 개인지 찾아서 출력하는 프로그램을 작성하시오. 입력 첫 줄에 수의 개수 N이 주어진다. N은 100이하이다. 다음으로 N개의 수가 주어지는데 수는 1,000 이하의 자연수이다. 출력 주어진 수들 중 소수의 개수를 출력한다. 예제 입력 1 4 1 3 5 7 예제 출력 1 3 알고리즘 풀이...

깃 블로그란 Github 저장소에 저장된 html 파일과 같은 정적 웹 문서들을 웹에서 볼 수 있도록 호스팅 서비스를 제공해 주는 것. Github 사용자들은 누구나 고유의 정적 웹 사이트 1개를 가질 수 있다. 1. 레파지토리 생성 New Repository 버튼을 클릭해 repository 생성 페이지로 이동한다. Repository ...