본문 바로가기

전체 글819

[React] 2. React의 기본동작과정 웹에서 보여주는것은 index.html이지만 index.html의 실질적인 내용은 App.js에 있다 즉, index.html의 부분에 id가 root인 부분이 입력되는것인데 이걸 연결해주는것이 바로 index.js이다, ---- index.js ---- import React from 'react'; import ReactDOM from 'react-dom'; import './index.css'; import App from './App'; import reportWebVitals from './reportWebVitals'; ReactDOM.render( , document.getElementById('root') ); reportWebVitals(); document.getElementById('.. 2021. 6. 24.
[React] 1. React 프로젝트 시작 요즘은 유튜브에 정말 좋은 강의 영상들이 많다, 그중에 '애X코딩'이란 분이 올린 강의가 나한테 맞는 느낌이라 이번에 해당 강의만 보고 React를 새로 시작해보려고한다. 기존에 만든 사이트에서 사용한 Firebase와 연동하는것은 페이지가 완성된 후에 해보려고 한다. ---- 설치 과정 ----- 1. Node.Js 설치 npm 명령어를 사용하려면 nodejs를 설치해줘야 한다, https://nodejs.org/dist/v14.17.1/node-v14.17.1-x64.msi 2. VS 설치(Visual Studio) 여러 IDE를 써봤는데 (아톰,sublimetext,intelij,eclipse 등) 역시 VS가 제일 좋은것 같다, 3. VS에서 폴더 생성후 터미널에 아래처럼 써준다(ctrl+shif.. 2021. 6. 24.
[홈페이지 제작기] 1. 웹 호스팅 서비스 결정 1. 간단하게 localhost로 서비스해도 되고 라즈베리 파이를 사용해서 만들까도 고민했지만 굳이 홈서버를 만들면서까지 사이트를 유지하는건 전기료적으로도 수고하는것으로도 너무 많을것 같아 단순하게 웹 호스팅 서비스들을 찾아보았다. 닷홈,AWS,Weebly 등등 2. 많은 좋은 호스팅 사이트들이 많았지만 그래도 한국어로 설명이 잘되있고 + 기본기능들을 무료로 사용할수 있으며+ SQL를 사용해서 대용량 데이터의 CRUD가 가능한 호스팅사이트인 닷홈으로 페이지 제작을 하기로 하였다. https://usissue.tistory.com/entry/2021%EB%85%84-%EC%84%9C%EB%B9%84%EC%8A%A4%EC%A4%91%EC%9D%B8-%EB%AC%B4%EB%A3%8C-%EC%9B%B9-%ED%.. 2021. 6. 23.
[PyTorch] 1.PyTorch Basic 파이토치는 텐서플로우의 라이벌 격이라고 보면된다. 텐서플로우처럼 Numpy와 상호보완적이며, 배열을 tensor로 변경할수 있고 학습도 동일하게 할수있다, 최근에는 편의성이 좋아서 텐서플로우보다 많이 사용되어 지고 있다고 한다. In [1]: import numpy as np import torch In [3]: #tensorflow랑 똑같은 역할인데 좀더 세련됨 nums = torch.arange(9) nums Out[3]: tensor([0, 1, 2, 3, 4, 5, 6, 7, 8]) In [4]: type(nums) Out[4]: torch.Tensor In [5]: nums.numpy() #numpy로 변환 가능 Out[5]: array([0, 1, 2, 3, 4, 5, 6, 7, 8], dty.. 2021. 6. 23.
[Jupyter notebook] 주피터 노트북 모양대로 티스토리에 글쓰기 티스토리에 글을 쓸때마다 그냥 단순히 코드들을 복붙하기에는 모양이 이쁘지가 않고 그렇다고 Color scripter 사이트를 사용해서 꾸미기에도 뭔가 아쉬웠다. 제일 좋은건 아래처럼 주피터 노트북 특유의 회색+흰색의 조화와 코드 실행시 결과를 바로 보여준다는 점이 마음에 들었다. 티스토리에 주피터 노트북 모양대로 입력하려면 어떻게 하는지 찾아보았다 방법은 단순하다 1) 작성한 코드의 File - print preview를 선택 2) 새로 열린 창에서 Ctrl + U를 눌러준다 (페이지 소스 보기) 3) 또 새로 열린창에서 ctrl+A로 전체 선택후 ctrl+c 로 복사 해준다. 4) 티스토리 작성시 우측 상단의 기본모드 -> HTML로 변경 5) 복사한 내용을 그대로 모두 복붙해주면 끝이다. 조금 복잡해.. 2021. 6. 23.
[Java] Eclipse Dynamic Web Project 생성시 오류 해결(failed while installing Java 1.8)_추가 해결법 이클립스에서 톰캣을 활용한 웹 프로젝트를 시작하려다가 문제점들이 발견되었다, 해결 방법을 찾으려고 했지만 다들 프로젝트 생성 이후 해결법만 나와있지 생성시 발생하는 문제에 대해선 나와있지 않아 고생좀 했다, 발생했던 문제는 다음과 같다. 1. 생성시 Source Folders on Build Path에 아무것도 표기가 안되는 문제 2. 위의 상황을 무시하고 진행할 경우 발생하는 Failed While installing Java 1.8 문제 당연히 1,2, 문제가 발생하면서 프로젝트는 생성되지 않고 폴더만 생성되고 끝났다 == 프로젝트를 시작할수 없었다. 해결 과정 1. 먼저 동일한 내용의 문제들에 대해 구글링 해보았다, 하지만 대부분 프로젝트 생성 자체는 문제가 없었고 "톰캣"연동 과정에서만 문제가 발.. 2021. 6. 23.
[Tensorflow] 4. MNIST 모델 학습 및 예측 모델(model)이 예측(logit)하고 얼마나 틀렸는지(loss) 계산하고 그걸 최적화(Optm)하고 최적화한 loss를 모델에 적용하고 이를 지정한 횟수만큼 반복해서 그 결과를 result에 출력 In [1]: import tensorflow as tf import matplotlib.pyplot as plt %matplotlib inline from tensorflow.keras import layers import numpy as np from tensorflow.keras import datasets 모델을 학습하기 전 설정(Optimization)¶ Loss Function Optimization(최적화 방법 정하기) Metrics(결과 테스트 방법) Categorical vs Binary¶ .. 2021. 6. 22.
[Matplotlib] 번외. matplotpib 한글폰트 깨짐 해결 In [3]: import matplotlib.font_manager as fm font_list = fm.findSystemFonts(fontpaths = None, fontext = 'ttf') font_list[:] import matplotlib as mpl In [5]: print (mpl.matplotlib_fname()) #matplotlibrc 파일을 메모장을 열어준다 C:\Users\choi\Anaconda3\lib\site-packages\matplotlib\mpl-data\matplotlibrc In [6]: # font.family : sans-serif을 font.family : 변경할폰트명 으로 변경해준다 # axes.unicode_minus : True -> Fa.. 2021. 6. 18.
[Numpy,Matplotlib] 4.이미지 시각화도 가능하다 In [1]: import numpy as np import matplotlib as mpl import matplotlib.pyplot as plt import matplotlib.font_manager as fm %matplotlib inline from PIL import Image In [2]: import matplotlib matplotlib.font_manager._rebuild() In [4]: #이미지 파일 열기# path = 'source/dog.jpg' image_pil=Image.open(path) image = np.array(image_pil) In [5]: image_pil Out[5]: In [6]: image.shape #세로,가로,RGB) gray는 1이다... 2021. 6. 18.

티스토리툴바

티스토리툴바