Today I Learned

이클립스 svn 동기화 중에 lock이 걸린 상태로 overide commit 을 실행하다가 프로젝트 자체에 문제가 생겼다. 혹시나해서 tomcat 서버를 실행해봤더니 위와같은 오류가 발생했다. 구글링을 가이드대로 가장 먼저 server clean을 시도했다. 하지만 에러가 발생하여 clean을 할 수 없었다. /workspace/.metadata/.plugins/org.eclipse.wst.server.core/ 위경로에 생성된 tmp0, tmp1 ... 등의 퍼블리싱된 파일들을 삭제하고 server clean을 실행을 다시 해봤더니 정상작동하였다. 이후 project clean clean tomcat word directory를 실행했더니 정상적으로 서버를 가동시킬 수 있었다.

import React, { useState } from "react"; import { useForm } from "react-hook-form"; /* function ToDoList() { const [toDo, setToDo] = useState(""); const onChange = (event: React.FormEvent) => { const { currentTarget: { value }, } = event; setToDo(value); }; const onSubmit = (event: React.FormEvent) => { event.preventDefault(); console.log(toDo); }; return ( Add ); } */ interface IForm { email: s..

NextJs npx create-next-app@latest ReactJs npx create-react-app APP_NAME --template typescript npm i --save-dev @types/styled-components npm i styled-components@latest npm i recoil npm i react-router-dom npm i @types/react-router-dom npm i @types/react-helmet npm i react-helmet npm i react-hook-form npm i framer-motion npm i react-query

VSCode 단축키 Ctrl(Command)+D: 같은 문자열 선택 Shift+Alt(Option)+i: 선택한 모든 문자열에 가장 우측 끝으로 포커싱 Ctrl(Command)+Shift+오른쪽 화살표: 현재 선택한 문자열을 기준으로 우측 끝까지 문자열 선택 노마드코더 코딩 인생 꿀템 VSC 단축키 5분 정리해드림 https://www.youtube.com/watch?v=Wn7j5dfbJF4 JSON데이터를 타입스크립트 타입으로 빠르게 변환시켜주는 사이트 https://app.quicktype.io/?l=ts

SELECT @ADDNUM:=1000; UPDATE JOB SET JOB_CD = @ADDNUM:=@ADDNUM+1 WHERE CATEGORY_CD = '1' 순차적으로 증가하는 데이터를 수작업하기에 너무 불편할 경우 셀처럼 연속데이터채우기 기능처럼 위의 쿼리를 활용하면된다.

코딩을 업으로 삼은지 6년차가 되었다. 최근 이직을 해보니 그동안 공부를 너무 설렁설렁해왔다는 것을 인지하게 되었다. 이론만 숙지하고 실제로 행동하지 못한 것들이 상당히 많았다. 교육생시절 웹 크롤링을 통해 URL호출을 해보기는 했었으나 정리를 해놓지 않아서 완전히 잊혀진 상태였고 SM(시스템 유지보수)일만 4년을 하다보니 API연동을 직접 해볼 기회가 없었다. 그래서 이론만 숙지하고 있었는데 이직한 회사에서 ZOOM API를 직접 연동하게되었다. 그리하여 최초로 코드정리를 하게 되었다. 대략적인 흐름만 기억하고 있어도 될듯 하다. HttpURLConnection: URL호출 OutputStream : form 데이터 넘겨주기(POST방식 사용시) responseCode : 결과코드확인(200이면 성공)..

노마드코더 유튜브 클론코딩 #8.14 Bugfix 공부내용 정리 비디오 업로드시 유저비밀번호를 해시하던 현상 수정 유저가 비밀번호 변경시에만 해시되도록 수정 == isModified("password") userSchema.pre("save", async function () { if (this.isModified("password")) { this.password = await bcrypt.hash(this.password, 5); } }) 비디오 수정,삭제시 비디오 소유권자만 작업할 수 있도록 기능추가 story.owner의 타입은 object이고 _id의 타입은 String이므로 ' !== ' 연산자로 비교가 불가능하기 때문에 String으로 형변환을 해줘야한다. const { user: { _id..

Springboot에서 gradle library를 사용하는 경우 데이터베이스와 연동하는 방법과 데이터 저장 및 조회를 하는 방법을 간단하게 정리하였다. 데이터베이스연동 데이터베이스 저장 및 조회 데이터베이스 연동 프로젝트의 src > main > resource에서 application.yml 파일 생성 spring: datasource: url: "jdbc:mysql://localhost/library" username: "root" password: "" driver-class-name: com.mysql.cj.jdbc.Driver 데이터 저장 및 조회 package com.group.libraryapp.controller.user; import com.group.libraryapp.dto.user..

1. css 에러를 확인할 수 있다. scss를 사용하게되면 scss -> css 변환 작업 중 에러 발생시 콘솔에 에러를 출력해준다. 2. variables / nesting css를 javascript처럼 전역변수,부모 자식 개념을 활용할 수 있다.

https://cssgridgarden.com/#ko Grid Garden A game for learning CSS grid layout cssgridgarden.com CSS Grid 공부하는 사이트. 총 28문제까지 있는데 초보자가 기본기 익히기에 정말 괜찮은 사이트인 것 같다. 문제를 풀고 다음문제로 넘어갈 때의 성취감이 상당히 짜릿하다. 초반 문제는 대부분 비슷한 해답을 가지고 있지만 후반부로 갈수록 여러방식의 정답이 있는 것 같다. 공부중인 css를 실제 업무에서도 능수능란하게 쓸 수 있도록 깊게 파고 들어야겠다.