| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | 4 | |||
| 5 | 6 | 7 | 8 | 9 | 10 | 11 |
| 12 | 13 | 14 | 15 | 16 | 17 | 18 |
| 19 | 20 | 21 | 22 | 23 | 24 | 25 |
| 26 | 27 | 28 | 29 | 30 | 31 |
- VUE
- 큐넷
- 프론트엔드
- 백엔드
- TS
- 타입스크립트
- Authentication
- 백엔드개발자
- Front-End
- TypeScript
- spring boot security
- 스프링부트
- It
- 자바스크립트
- 웹개발자
- Redux
- spring
- 수제비
- 정보처리기사 실기
- Node.js
- React
- 정보처리기사
- JavaScript
- JS
- JWT
- useState
- frontend
- security
- 리액트
- spring boot
- Today
- Total
목록웹개발 (3)
솔적솔적
| lombok 설치 시 이런 경우 설치된 lombok을 두번 클릭하여 열었더니 | 먼저 lombok 다운로드 https://projectlombok.org/download | 해결방법 cmd 명령 프롬프트 열고 🍖 cmd 여는 방법 윈도우 검색창에 → cmd 검색 - 윈도우 + R 🍖 1번 cd를 치고 뒤에 lombok이 설치되어있는 주소를 입력 cd + lombok 주소 🍖 2번 java -jar + 설치된 lombok 버전.jar 입력 (설치한 lombok 오른쪽 마우스 클릭 → 속성 클릭 하면 알 수 있음) 그리고 lombok에 Specify location 클릭하여 사용하려는 IDE의 주소를 찾아 넣어준다. 내가 설치한 IDE 폴더 안을 들여다봐서 lombok이 있다면 설치 완료이다. 참고사이트..
템플릿 엔진을 사용하여 웹브라우저에 입력한 값이 나오게끔 해보자. 먼저, 1. HelloController안에 Get매핑내용입력 @GetMapping("hello-mvc") public String helloMvc(@RequestParam(name = "name", required = false) String name, Model model) { model.addAttribute("name", name); return "hello-template"; } 그리고, 2. templates 안에 hello-template.html 만들기 아하! thymeleaf를 사용하면 1번의 값으로 2번을 치환하기 때문에 서버없이 보기 가능하다. 즉, 1번의 값으로 내용물이 바뀌게 된다. 실행하면 에러나옴 오류: para..
안녕하세요, 이번에는 쇼핑몰이나 인스타그램에서 자주 보이는 좋아요 버튼을 만들어 볼 예정이예요. 클릭하면 숫자가 증가하는 버튼을 만들려하는데, 리액트로는 어떻게 만들어질까요? 차근히~ 알아가보죠! (저번시간에 만든 App.js 파일 그대로 사용합니다.) 먼저 화면상에 클릭버튼 만들기. (아범은 누르는 버튼을 이모티콘으로 가져왔습니다.) 1. 클릭 시 숫자 증가하는 버튼 만들기 이 태크안에 클릭 이벤트를 넣어주고 클릭 시 실행될 함수를 넣어줘야한다. onClick={ 클릭될 때 실행할 함수 } ⇒ onClick={ ()⇒{실행할 내용} } 그럼 처음 초기값은 0으로 셋팅을 하고 클릭 시 숫자가 변하는 방법을 써야한다. state를 이용해 변경을 하는 것이다. 이렇게 기존에 선언한 '좋아' 변수를 클..