전체 글17 React 리액트 useState 기초 사용방법 오늘은 React에서 useState 기초에 대해 알아보겠습니다. 우선 조건은 아래와 같습니다. 버튼을 클릭했을때 '테스트1'의 텍스트를 내가 원하는 값으로 바꿔야 함. 👍 버튼을 눌렀을 때 오른쪽의 숫자의 값이 1씩 늘어나야 함. App.tsx import React, {useState} from 'react'; import './App.css'; function App() { // 아래 글제목 에는 ['테스트1', '테스트2', '테스트3'] 배열을 지정해두었음. // 아래 글제목변경은 글제목을 변경할수있게 해주는 함수가 내장되어있다 const [글제목, 글제목변경] = useState(['테스트1', '테스트2', '테스트3']); const [funCount, setFunCount] = useSt.. 2021. 5. 16. React 프로젝트 생성 (JavaScript or TypeScript) 안녕하세요:)최근 회사 업무를 하면서 React를 해야 할 일이 생기더라고요그래서 오늘은 프로젝트를 간단히 생성하는 방법을 기록해보려고 합니다. 방법은 두 가지가 있습니다 JavaScript를 사용하는 방법과 TypeScript를 사용하는 방법둘 중에 선택을 하시면 됩니다, 저는 타입 스크립트로 프로젝트를 생성해보려고 합니다.(모든 설명은 MacOs를 기준으로 설명합니다.) 우선 원하는 디렉터리에서 아래 명령어를 입력해줍니다 저는 testapp이라는 프로젝트로 생성해보겠습니다.프로젝트가 잘 생성된 걸 확인할 수 있습니다. 다음 시간부터는 기능을 하나씩 추가해보도록 하겠습니다.// JavaScript npx create-react-app 원하는프로젝트이름 // TypeScript npx create-rea.. 2021. 5. 6. (3-2) - 스프링부트로 웹 서비스 출시하기 : SpringBoot & Handlebars로 화면 만들기 안녕하세요:) 최근에 회사 업무가 많이 바빠 글 작성이 많이 지체되었어요 ㅠㅠ 양해 부탁드립니다 오늘은 저번 시간에 이어서 SpringBoot & Handlebars로 화면 만들기 두 번째 시간입니다. 아래에 저번에 작업한 내용을 링크로 남겨드릴게요! (3-1) - 스프링부트로 웹 서비스 출시하기 : SpringBoot & Handlebars로 화면 만들기 안녕하세요:) 저번 시간에 이어서 SpringBoot & Handlebars로 화면 만들기 를 진행해보겠습니다. 이전 글을 보지 않으셨다면 따라오기 힘듭니다. 아래 이전 글 링크를 남겨드립니다. (2-3) - 스프링부트 devzec.tistory.com 게시글 목록 게시글 목록을 만들어 보도록 하겠습니다! 앞서 진행 전에 저희는 현재 H2 db를 사용.. 2021. 3. 7. (3-1) - 스프링부트로 웹 서비스 출시하기 : SpringBoot & Handlebars로 화면 만들기 안녕하세요:) 저번 시간에 이어서 SpringBoot & Handlebars로 화면 만들기 를 진행해보겠습니다. 이전 글을 보지 않으셨다면 따라오기 힘듭니다. 아래 이전 글 링크를 남겨드립니다. (2-3) - 스프링부트로 웹 서비스 출시하기 : SpringBoot & JPA로 간단 API 만들기 안녕하세요:) 저번 시간에 이어서 SpringBoot & JPA로 간단한 API 만들기 (3) 시작하겠습니다. 계속 이어지는 글이기 때문에 게시글 링크를 남겨드립니다. [무작정따라하기] 스프링부트로 웹 서비스 출 devzec.tistory.com Handlebars Handlebars는 기존에 많이들 사용하시는 Freemarker, Velocity와 같은 서버 템플릿 엔진입니다. JSP, Freemarker, V.. 2021. 2. 14. (2-3) - 스프링부트로 웹 서비스 출시하기 : SpringBoot & JPA로 간단 API 만들기 안녕하세요:) 저번 시간에 이어서 SpringBoot & JPA로 간단한 API 만들기 (2-3) 시작하겠습니다. 계속 이어지는 글이기 때문에 게시글 링크를 남겨드립니다. (2-2) - 스프링부트로 웹 서비스 출시하기 : SpringBoot & JPA로 간단 API 만들기 안녕하세요:) 저번 시간에 이어서 SpringBoot & JPA로 간단한 API 만들기 (2-2) 시작하겠습니다. 저번 글을 보지 않으셨다면 따라올 수 없기에 전 게시글 링크를 아래에 남겨드립니다. (2-1) - 스프링부트 devzec.tistory.com 생성시간/수정시간 자동화 - JPA Auditing 보통 Entity에는 해당하는 데이터의 생성 및 수정시간을 포함을 시키는데요. 이것은 차후 유지보수를 하거나 데이터의 정확성을 판.. 2021. 2. 9. (2-2) - 스프링부트로 웹 서비스 출시하기 : SpringBoot & JPA로 간단 API 만들기 안녕하세요:) 저번 시간에 이어서 SpringBoot & JPA로 간단한 API 만들기 (2-2) 시작하겠습니다. 저번 글을 보지 않으셨다면 따라올 수 없기에 전 게시글 링크를 아래에 남겨드립니다. (2-1) - 스프링부트로 웹 서비스 출시하기 : SpringBoot & JPA로 간단 API 만들기 안녕하세요:) 오늘은 SpringBoot & JPA로 간단한 API를 만들어 볼 거예요! 이전에 진행했던 글을 먼저 보셔야 이후 진도를 따라갈 수 있어요 아래 링크 남겨드립니다. (1) - 스프링부트로 웹 서비스 출 devzec.tistory.com Controller & DTO 구현 몇 가지를 수정하고 추가해야 하는데요 우선 src/test/java/com/zecgwon/webservice 경로에 dto 패.. 2021. 2. 9. SpringBoot H2 DB 연결 에러 현재 스프링 부트를 공부하면서 h2 디비를 연결하여 테스트를 진행하려 하였으나 아래처럼 연결이 안 되는 불상사가 생겼다 아무리 구글링을 해봐도 딱히 해결되는 게 없었다. 뭐 h2디비를 다시 설치하라는 둥. 버전 문제라는 둥. 삽질을 오랜 시간 동안 한 결과 해답을 찾을 수 있었다 에러 이미지는 위와 같다. 뭐 세팅 정보를 서버로 바꾸라고 하는 이상한 말 듣지 말고 제가 설명하는 대로 진행하자... runtime 'com.h2database:h2' bundle.gradle를 열고 중간쯤 보면 runtimeOnly를 runtime으로 변경해준다. spring: h2: console: enabled: true datasource: url: jdbc:h2:mem:testdb application.yml의 내용을.. 2021. 2. 9. (2-1) - 스프링부트로 웹 서비스 출시하기 : SpringBoot & JPA로 간단 API 만들기 안녕하세요:) 오늘은 SpringBoot & JPA로 간단한 API를 만들어 볼 거예요! 이전에 진행했던 글을 먼저 보셔야 이후 진도를 따라갈 수 있어요 아래 링크 남겨드립니다. (1) - 스프링부트로 웹 서비스 출시하기 안녕하세요:) 오늘부터 제가 관심이 있던 스프링부트를 공부해보려고 하는데요 기술적인 게 아닌 무작정 따라 하기라는 조건을 걸고 해보려고 합니다. 제가 참고하는 블로그 링크 남겨드립니다 devzec.tistory.com 자사 서비스를 개발하는 곳에서는 SpringBoot & JPA를 많이 사용하고 있고, 장점으로는 집중해야 할 비즈니스 로직에만 집중할 수 있다고 합니다. 생산성도 좋고요. 그럼 시작해보죠! 도메인 코드 만들기! 앞전에 src/main/java/com/zecgwon/webs.. 2021. 2. 7. (1) - 스프링부트로 웹 서비스 출시하기 안녕하세요:) 오늘부터 제가 관심이 있던 스프링부트를 공부해보려고 하는데요 기술적인 게 아닌 무작정 따라 하기라는 조건을 걸고 해보려고 합니다. 제가 참고하는 블로그 링크 남겨드립니다. 저와 같이 공부하시죠! 블로그 저자는 배달의 민족 리드 개발자로 일하고 계신 이동욱 님입니다! 제가 존경하시는 분이기도 하고 비전공, 지방대, 무스펙으로 현재의 자리까지 가신분이죠! 저도 열심히 공부해보도록 하겠습니다. 1) 스프링부트로 웹 서비스 출시하기 - 1. SpringBoot & Gradle & Github 프로젝트 생성하기 많은 웹 서비스 구축하기 강좌들이 Python, NodeJS, Ruby, PHP만 다루고 있습니다. 국내에서 가장 많이 사용하는 언어인 Java로 웹서비스 구축 강좌는 본적이 없습니다. Ja.. 2021. 2. 6. 이전 1 2 다음
