본문 바로가기

분류 전체보기760

Spring toolsuite 4 파일 생성시 html이나 JSP가 표시되지 않습니다. help -> Eclipse MarketPlace -> Eclipse java EE Developer Tools입력후 기본설치 그대로 설치 해주면 해결된다. 2021. 6. 30.
MySQL WorkBench setup new Connection Error 해결 mysql과 스프링 프레임워크를 사용해서 간단한 블로그를 만들어 보려고 한다. 그런데 문제가 발생했다 setup new connection으로 새로운 유저를 생성하려고 했는데 Test connection을 하는데 연결이 안되고 위와 같이 Failed to Connect to MySQL at 127.0.0.1:3306 with user 'username'에러가 발생한것이다. 비밀번호를 잘못쳤나해도 기본 패스워드를 그대로 사용해도 접속이 안된다. 당연히 구글링을 했지만 대부분 1) 서비스 -> Mysql 재실행을 해봐라 2) mysql workbench를 재설치 해봐라 이런것만 있었다 그중에는 MySQL-> my.ini에 bind-address=127.0.0.1 추가해보라는것도 있었지만 아쉽게도 해결되지 않.. 2021. 6. 29.
[React] 4. 동적변수는 무조건 State사용할것 React를 굳이 사용하는 이유는 웹을 앱처럼 빠르게 동작하고 싶어서 그런것이다. 그렇지만 그냥 일반적인 변수를 사용하게 되면 "페이지를 새로고침"해야지만 변경사항이 적용된다. React에서는 이러한 타임로스를 지양하고 HTML의 재랜더링을 원하는데 이때 사용하는 것이 State이다(React의 저장공간) 1. 사용법 import React, { useState } from 'react'; 기존의 변수를 대입하듯이 useState를 써준다. let [글제목,글제목변경] = useState('남자 코트 추천'); //useState()사용시 -> [a,b] a에는 '남자~'가 그대로 들어가고 //b에는 state를 정정해주는 함수가 들어간다. 2. 이때 state는 단순히 변수 뿐만 아니라 배열도 넣을수 .. 2021. 6. 24.
[React] 3. { }의 파워 코드를 작성할때마다 "데이터 바인딩" 과정은 복잡하기도 하고 코드를 읽을때도 골치가 아프다, 모든 코드는 '분할 관리'가 제일 중요한데 이러한 직관성이 부족하면 코드의 길이도 문제고 보기에도 불편하다. React에서는 JS + HTML을 의미하는 JSX라는 문법을 사용하는데 이를 통해 JS의 간편함과 HTML의 직관성을 모두 활용 가능하다. ** 데이터 바인딩이란? ** 데이터 바인딩이란??? ==> 서버든지 어디서든지 데이터를 가져와서 html에 박아넣는 과정을 데이터 바인딩이라 한다. ex) 날짜가 변경될때마다 모든 사이트의 시계를 변경하는 업무는 지옥이니 서버에서 값만 변경해주면 모든 페이지에서 알아서 업데이트 되는거라고 보면된다. React에서는 {변수} , {함수()} , {이미지} , {sty.. 2021. 6. 24.
[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.

티스토리툴바

티스토리툴바