분류 전체보기
윤선이와 블로그 만들기_2. 리액트(React) 붙이기
오늘은 지난번에 만들어놓은 뼈대에 프론트단을 붙이도록 하겠다. 나는 백엔드단 코드(Java)를 작성할때는 IntelliJ를 사용하지만 프론트단 코드는 VS Code를 사용하곤 한다. 우선 VS 코드에서 터미널을 열어주도록 하자. (Ctrl + `) 그리고 폴더를 하나 만들어서, 해당 폴더 안에 리액트 프로젝트를 생성해보자. 1. mkdir 폴더명 - 폴더를 생성한다. 나 같은 경우에는 front 라는 이름으로 2. cd front - cd는 Change Directory이다. front 폴더로 이동한다. 3. npx create-react-app 경로 아래를 참고하셈 https://ko.reactjs.org/docs/create-a-new-react-app.html 새로운 React 앱 만들기 – Rea..
윤선이와 블로그 만들기_1. 스프링부트 기본세팅
야호호 나는 윤선이가 아주아주 글에 재능이 있음을 알고 있다. 지금은 다른 업에 종사하고 있지만 언젠가는 윤선이가 꼭 글을 쓰며 행복한 나날을 보냈으면 좋겠다 ^0^/ 그런 소망으로 윤선이에게 시간이 나면 나에게 보여주지않아도 좋으니 어딘가에 꾸준히 글을 써다오! 라는 부탁을 했는데, 똑똑하고 착한 윤선이가 나에게 굿 아이디어를 내주었다. 바로 함께 블로그를 만들자는 것! 그래서 이것은 언제까지일런지는 모르겠지만 개발자를 꿈꾸는 나에게는 개발경험을 그리고 글을 잘 쓰는 윤선이에게는 글을 투고할 수 있는 공간을 만들자~ 라는 빅빅 프로젝트가 되겠다. 언제가 될지 정확한 시기는 모르지만 이직을 염두에 두고 있는 나에게 직업적인 동기부여도 되지만 무엇보다 꼭 기본적인 글쓰기 기능과 저장기능이라도 만들어서 윤선..
구조분해 할당(비구조화 할당) (Destructuring assignment)
ES6에서 도입된 문법 중 구조분해 할당(비구조화 할당, 구조 분해)를 이용하면 여러모로 간결하게 코드를 작성할 수 있다. 배열 const arr = ['가', '나', '다', '라']; const ga = arr[0]; const na = arr[1]; const da = arr[2]; const ra = arr[3]; 우리가 배열을 하나 선언하고, 해당 값들을 하나하나 꺼내어 변수로 선언하고, 사용해야한다면 이런 식으로 사용해야한다. ga, na, da, ra를 콘솔에 찍어보면 아래와 같은 결과가 출력될 것이다. 가 나 다 라 우리는 위와 같은 코드를 구조분해 할당 문법을 통해서 조금 더 간단하고 간결하게 개별 변수로 선언이 가능하다. const [ ga, na, da, ra ] = ['가', '나..
MariaDB 설치에러 (mariadb setup wizard ended prematurely because of an error)
이미지 출처: https://rudalson.tistory.com/entry/윈도우즈-MySQL-error-1042-Unable-to-connect-to-any-of-the-specified-MySQL-hosts [그냥 사는 이야기] 윈도우즈 MySQL error 1042: Unable to connect to any of the specified MySQL hosts 윈도우즈 8 x64 환경에서 MariaDB를 설치하다 에러가 났다. 나중에 다시 인스톨하라고 하지만 계속해도 마찬가지였다. Mysql도 에러 mariadb 최신이 안되면 mysql은 되지 않을까 싶어서 다시 했더니 역시 rudalson.tistory.com 이분과 같은 에러가 발생... 나같은 경우에는 저 방법을 시도해보진 않았고, 다른 ..