신입개발자_장민기

App.js import TabButton from "./components/TabButton" export default function App(){ var x = "버튼을 선택하세요"; function handelEvent(selectedButton){ //일반적인 변수는 화면 갱신 X(App이 한번만 실행되기 때문) console.log("Hello Button", selectedButton); //useState hook을 이용해 해결 가능 x = selectedButton; } //App 컴포넌트 실행횟수 체크 => 실행하면 1번만 호출 console.log("App Component"); return( 이벤트 처리 {/* ********************************* onSele..

이 날은 드디어 팀원 각자가 만들던 프로젝트를 Git을 통해 합친 날이다. 이에 더해 프로젝트를 WEB-INF로 이사한 날이기도 하다. 브라우저에서 Context Root 하위의 정보에 대해 접근할 수 있지만 WEB-INF에는 접근할 수 없다. 따라서 보안을 위해서는 WEB-INF에 JSP를 넣어야 한다.

https://goodwoong.tistory.com/125 [Spring]Cookie와 활용법(읽기, 생성 및 저장) 쿠키란 ? 쿠키란 하이퍼 텍스트의 기록서(HTTP)의 일종으로서 인터넷 사용자가 어떠한 웹사이트를 방문할 경우 그 사이트가 사용하고 있는 서버를 통해 인터넷 사용자의 컴퓨터에 설치되는 작은 goodwoong.tistory.com 참고 자료 집에 있다가 프로젝트를 좀 더 만들고 싶어서 STS를 켰다. 정확하게는 조정하는 것이다. 이전 쿠키는 jsp 안에서 쿠키를 저장하고 불러오는 코드를 구현했다. 당연히 어려운 것도 어려운 것이지만, 무엇보다 큰 문제가 하나 있었다. 바로 쿠키를 저장하는 트리거가 로그인 버튼을 누를 때 발생했기 때문에 잘못된 아이디와 비밀번호를 입력하고 로그인 버튼을 누..

MailController 일부 //단순 메일 전송 @PostMapping("/joinEmail") public String joinEmail(String userEmail, String userName) throws Exception { String authNumber = makeRandomNumber(); Map changeData = new HashMap(); System.out.println(userEmail); System.out.println(userName); //******************복사 후 수정하는 부분****************** String emailPath = "static/emailFiles/JoinEmail.html"; String EMAIL_SUBJECT = "[..

import F1 from "./components/F1"; let user = { name: "hong", age: 10 } export default function App(){ return( ) } export default function F1(props){ const user = {...props, name: "이순신"} console.log(user.name, user.age) return ( ) }

App import FirstChild from "./components/FirstChild" const person= { //const는 자식에서 바꿀 수 없음 name: "홍길동", age: 20 } export default function App(){ return ( {/* import값을 태그로, 넘기는 JSON명을 넘김*/} {/* */} ) }; FirstChild import SecondChild from "./SecondChild"; export default function FirstChild(props){ const user = {...props, address: "서울"}; return ( ); } SecondChild export default function SecondChild..

이 날은 이전에 언급했던 서블릿과 JSP 명칭을 바꾼 날이었다. 팀장曰 서블릿은 무조건 대문자로 시작하고 뒤에 Servlet이 붙어야 하며, 전체적으로 camel표기법으로 통일한다고 했다. 결국 이 날은 명칭 수정하는데 시간을 다 썼던 것으로 기억한다.

이 날은 정말 여러가지 작업이 진행되었다. 아무래도 주말 분량이 합쳐졌다보니... 우선 1. 한 명 정보를 받아오는 경우, List에서 DTO타입으로 정보를 받아 오도록 변경 2. 한글 Filter 처리 MyEncodingFilter package com.filter; import java.io.IOException; import javax.servlet.Filter; import javax.servlet.FilterChain; import javax.servlet.FilterConfig; import javax.servlet.ServletException; import javax.servlet.ServletRequest; import javax.servlet.ServletResponse; public ..

App.js import PersonList from "./components/PersonList"; let persons = [ {name: "홍길동", age: 20}, {name: "이순신", age: 30}, {name: "유관순", age: 40}, {name: "강감찬", age: 50}, ] function App(){ return( 학생 정보 ) } export default App; export {persons}; // PersonList에 값 넘겨주기 PersonList.js import {persons} from "../App" export default function PersonList(){ return ( 번호 이름 나이 {/* => 뒤에 {return ~~}을 쓰거나 () */..

Avatar.js function Avatar(props){ const {name, age, address="제주"} = props; return ( 이름: {name} 나이: {age} 주소: {address} ) } export function Avatar2(props){ const {name, age, address="제주"} = props; return ( 이름: {name} 나이: {age} 주소: {address} ) } //default props 값 설정 Avatar.defaultProps = { name: "이름없음", age: 0, address: "주소없음" }; export default Avatar;