✅일반 변수의 선언 방식 let num = 1; num = 2; ✅useState 선언 방식 let [num, setNum] = useState(1); setNum(2); ✅useState 사용 시 주의할 점 상단에 정의할 것 바로 실행하지 말 것 반복문 안에 정의하지 말 것 if문 안에 정의하지 말 것 🤍버튼을 눌렀을 때 1씩 증가하는 기능을 구현하고 싶을 때 아래와 같이 코드를 짜고 실행해 보면 버튼을 눌렀을 때 아무런 변화가 없으나 console.log(num); 을 찍어보면 1씩 증가하고 있는 것을 확인할 수 있다. 이때 useState()를 활용할 수 있다. 실행해 보면 버튼을 누를 때마다 1씩 증가하는 것을 확인할 수 있다. useState를 사용하면 -> setNum이라는 함수를 사용했을 때..

🤍게시판 글 상세 조회 구현 글 조회 컨트롤러 코드 작성 @GetMapping("/board/view") //localhost:8080/board/view?id=1 public String boardView(Model model, Integer id){ model.addAttribute("bootboard",boardService.boardView(id)); return "boardview"; } 글 조회 화면 boardview.html 작성 제목입니다. 내용입니다. 글 조회 서비스 코드 작성 //특정 게시글 불러오기 public Bootboard boardView(Integer id){ return boardRepository.findById(id).get(); } 글 목록에서 제목을 클릭했을 때 상세..

안드로이드 간단한 계산기 앱 구현하기 가상 기기는 Pixel 2 API로 추가해주었다. 더하기, 빼기, 곱하기, 나누기 기능 구현 🔍activity_main.xml 작성 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 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 Colored by Color Scripter cs 나머지 기능 추가 1 2 3 4 5 6 7 8 cs 🔍MainActivity 작성 1 2 3 4 5 6 7 8 9 10 11 12 13 ..

22년 1월 26일 백지 상태로 코틀린 독학 시작...화이팅...😁 코틀린(Kotlin) 코틀린이란? 젯브레인(JetBrains)에서 만든 언어, 2016년 2월 정식 버전이 출시되었고 구글 I/O 2017에서 안드로이드의 공식 지원 언어로 채택되었음. 코틀린 장점 -자바 코드와 상호 운용 -코드가 간결하다. -대부분의 자바 프로젝트에서 코틀린 활용 가능 -안정성 (null 체크, 타입 검사와 캐스트) 코틀린 기본 문법 🔎기본문법 1.함수 int가 아닌 Int로 표시한다. 변수명을 타입보다 먼저 써준다. 아무 리턴값이 없을 때에는 Unit으로 표시하고 생략 가능하다. 🔎기본문법 2.var / val val : 변할 수 없는 상수(=final) var : 일반적인 변수(변경 가능) 코틀린은 ;를 사용하지 ..

형식 [] .... url.jsp 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 c:url 테스트 회원 정보 출력 Colored by Color Scripter cs member01.jsp 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 32 회원 정보 출력 아이디 비밀번호 이름 이메일 ${param.id } ${param.pwd } ${param.name } ${param.email } Colored by Color Scripter cs 실행 화면 url.jsp를 실행해서 태크 링크를 클릭하면 url 패턴에 적용된대로 member01.j..

표현 언어(Expression Language -변수의 값을 출력할 때 사용하는 스크립트 언어, 데이터 출력 기능. -자바 코드가 들어가는 표현식을 좀더 편리하게 사용하기 위함. 표현식 ==> ${표현식 or 값} 1. EL 특징 1)변수, 연산자 포함 가능 -산술 연산자 / , div %, mod -비교 연산자 ==, eq != , ne , gt =, ge -논리 연산자 -empty 연산자 2)JSP 내장 객체에 저장된 속성 및 자바빈 속성도 EL 출력 가능 3)내장 객체도 제공된다. 2.EL 제공 내장 객체 1)4가지 영역 (scope)에 속성값 저장, 읽어오기 -pageScope : page 영역에 저장된 속성값을 읽어올 수 있음. (page 영역에 바인딩된 객체를 참조함) -requestScope..

스크립트 요소(Scripting Element) 1. 스크립트 요소 의미 -JSP 페이지에서 여러 가지 동적인 처리를 제공하는 기능 -기호 안에 자바 코드로 구현함. -기호를 스크립틀릿이라고 부름. 2. 종류 1)선언문(declaration tag) -JSP에서 사용하는 멤버 변수나 멤버 메서드를 선언할 때 사용 -선언문 안의 멤버는 서블릿 변환 시 서블릿 클래스의 멤버로 변환됨. 2)스크립틀릿(Scriptlet Tag) -JSP에서 자바 코드를 작성할 때 사용 ==> EL -주로 초기 웹 페이지에서 동적인 기능을 구현하기 위해 사용됨. 3)표현식(Expression Tag) -JSP에서 변수의 값을 출력할 때 사용 -자바에서 System.Out.Println() 과 같은 의미 1 2 3 4 5 6 7 ..

JSP -- 자바 웹 기술의 최종 진화 서블릿 JSP 자바 코드 안에서 전체 HTML 페이지 생성 HTML 코드 안에서 필요한 부분만 자바 코드를 스크립트 형태로 추가함. 변수 선언 및 초기화가 반드시 선행되어야함 내장 객체 제공하여 즉시 사용 가능함. 컨트롤러(Controller) 처리된 결과 보여주는 뷰(View)만들 때 사용 JSP 구성 요소 1)HTML 태그, CSS, JS 코드 2)JSP 기본 태그 3)JSP 액션 태그 JSP 페이지 구성 요소 1)디렉티브 태그(Directive Tag) 2)스크립트 요소(Scripting Element) : 주석문, 스크립틀릿(Scriptlet), 표현식, 선언식 3)표현 언어(Expression Language, EL) 4)내장 객체(내장 변수) 5)액션 태..