자바 웹 개발8 자바 웹 공부 33 - typescript + React(Router) 어제 아래 코드처럼 하고 그만했었는데 실행을 해보니 오류가 나서 실행이 안됐었다. 에러가 Absolute route path라고 되어있는데 /board로 절대경로를 해놨는데 아래의 코드들을 또 절대경로를 해놔서 그런것이다. board아래 코드들 맨 앞의 /를 없애주자 그러면 잘 나온다. (주소는 3000뒤에 /auth가 들어가있다.) views에 새 폴더, 파일을 만들어주자 여기는 이제 너무 기본이지 않나 NavigationBar로 와서 하나 만들어주자 navigator를 하나 만들어주고 /auth(로그인 페이지)로 이동하게 해주자 로그인 쪽에 와서는 로그인 버튼이 안 보이게 해주려고 한다. 추가해주고 이제 auth에 오면 로그인 버튼이 사라지는 것을 볼 수 있다. main으로 가는 방법도 만들어 놓자 .. 2023. 2. 15. 자바 웹 공부 28 - typescript + React + MUI 오늘은 어제에 이어서 아래의 todo를 할 것이다. 이게 다 충족되어야 다음 단계를 클릭했을 때 넘어가게 해주는 것 (사용되는 가장 높은 부모에서 상태를 써줄 것이다.) 어제 zustand를 다운했으면 stores가 있을 것이다. 여기에 sign-up.store.ts를 만들어주자 sign-up.store.ts Java class 또는 React 컴포넌트의 파일명은 UpperCamelCase를 따랐음. Typescript의 경우 특별한 파일의 네이밍 규칙이 지정되어있지 않기 때문에 필수적으로 UpperCamelCase를 사용할 필요가 없음 zustand를 사용해 스토어 생성해 보자 원래 위처럼 만들었는데 zustand사용으로 이렇게 만들었다. 하나하나 파헤쳐보자 저게 useState와 동일 그래서... s.. 2023. 2. 8. 자바 웹 공부 27 - typescript + React + MUI 어제 여기까지 만들었다. 중앙정렬을 위해 flex를 썼고, flexDirection을 column으로 줘서 세로로 나열을 했고 alignItems를 해서 중앙정렬을 했다. flexDirection을 column으로 줘서 alignItems로 중앙 정렬을 했다. 그렇다고 justifyContent가 없어서는 안된다. 두개 다 center를 줘서 중앙정렬을 시켜줬기 때문이다. setShowPassword라는 state로 지정해 변경시켜줬다. 오늘 공부를 시작해보자 지우고 fullWidth 뒤에 sx mt='40'추가 바로 아래 Password => '비밀번호'로 변경 mui에 button을 찾아서 basic button에 contatined만 복사 수평 중앙 정렬 방법 3가지 margin 0 auto, ju.. 2023. 2. 7. 자바 웹 공부13 - Generics, Annotation, Enums, Networking 오늘은 자바 기초 마지막 날이다. 중요한 개념들이 많으니 자세히 살펴보자 Generics - 다양한 타입의 객체들을 다루는 메서드나 컬렉션 클래스에 컴파일 시의 타입 체크를 해주는 기능 - 컴파일 시에 체크하기 때문에 객체의 타입 안정성을 높이고 형변환의 번거로움을 줄임 코드로 만들어보자 위는 우리가 매일 했던 것이고 아래는 새로 공부하는 Generic이다 차이점은 그럼 뭐야? 제너릭을 사용하면 이미 다루고자 하는 데이터 타입을 알고 있기 때문에 따로 지정하지 안 해줘도 됨 위는 String을 썼지만 아래는 String을 안 쓰고도 사용이 가능하다 장점 1. 타입 안정성을 제공 2. 타입체크와 형변환을 생략할 수 있으므로 코드가 간결해 짐 제너릭 용어 People : 제너릭 클래스. ‘T의 People’.. 2023. 1. 13. 자바 웹 공부12 - Thread Thread 들어가기 전에 간단한 거 하나만 해보자 로또번호 자동 생성기를 만들어 보려고 한다. (이걸로 복권 하나 사봐야겠다 ㅋㅋ) 우선 배열을 하나 만들어주고 랜덤 함수도 만들어줘야 한다. 이렇게 지정을 해주면 안된다. 이러면 0~44까지 출력이 되기 때문에 뒤에 +1을 더해주자 중복을 없애주고 이러면 뭔가 중복된 애가 나와서 0이 뜨게 된 것이다. continue를 먹이면 무조건 6번만 도는데 6번 돌때 마지막 6번일 때는 ++가 아닌 감소를 해줘야 0이 뜨지 않는다. 실행하면 중복 없이 뜨긴 한다. 이번엔 중복 제거까지 해주고 정렬도 해주는 treeSet을 사용해 보고 이번엔 for문 말고 while문을 사용하자 우선 어제 배운 Set으로 TreeSet을 만들어주고 while문으로 6자리까지만 나.. 2023. 1. 12. 자바 웹 공부10 - 예외, throw 오늘 공부는 예외부터 시작해보겠습니다. 오늘 배우는 것들은 좀 중요한 것들입니다. Exception(예외) - 프로그램 실행 중에 발생하는 오류 중에서 처리가 가능한 것 코드로 이해해봅시다. 1. 예외 처리 컴파일이나 메모리 공간 부족 등 개발자가 코드상으로 조취를 취할 수 없는 에러가 아니라 코드상으로 예측하고 처리할 수 있는 문제 0으로 나누는 상황 오류가 뜨는 게 보인다. 자세히 읽어보면 by zero가 뜬다.(0으로 나눴다는 것) 2. 배열 인덱스 조회 시 범위 벗어날 때 분명 길이가 3이라해서 3을 찍었는데 에러가 뜹니다. 왜냐하면 배열의 시작은 0부터 시작해서 그런 것입니다. 즉, 0이 1이라는 것이죠 try-catch / finally - try-catch문 : 예외를 처리하기 위한 구문 -.. 2023. 1. 10. 이전 1 2 다음