풀스택 124

Java 기초(class)- AWS 풀스택 과정 47일차

목차1.class2.느낀 점 1. class▣ Class02package day02;public class Class02 { // 생성자 // Car c = new Car(); => 클래스 객체명 = new 생성자(); // 생성자는 여러 개 만들 수 있음. (생성자 오버로딩) // 생성자명은 클래스명과 동일 // 생성자가 하나도 없는 경우는 기본 생성자를 자동으로 생성 Car() // 생성자를 하나라도 생성하면 기본 생성자는 주지 않음. // 생성자를 사용자지정으로 생성하려면 기본생성자도 같이 생성해야 함. // 생성자 오버로딩 조건 (매개변수 개수가 달라야함 || 매개변수 타입이 달라야 함.) // 생성자 호출가능 (생성자 내에서만) // this : 내 클래스의 요소라는 것을 나타내는 키워드 //..

Java 2024.09.27

Java 기초(method)- AWS 풀스택 과정 46일차

목차1.method2.class3.느낀 점 1. method▣ Method01package day02;public class Method01 { // 다른 메서드의 위치 공간 public static void main(String[] args) { /* 메서드(Method) : function 기능(함수) * 메서드 선언 및 구현 * 접근제한자(제어자) 리턴타입 메서드명(매개변수){ * 기능구현; * } * - 접근제한자(제어자) : 접근할 수 있는 주체의 제한범위 * - 리턴타입 : 리턴할 값의 타입(타입으로만 기재) * - 메서드명 : 소문자로 시작 * - 매개변수 : 기능을 수행하기 위해 필요로 하는 값(외부에서 들어와야 하는 값) * - void : 리턴할 값이..

Java 2024.09.26

Java 설정 및 기초- AWS 풀스택 과정 45일차

목차1.설정2.기초3.느낀 점 1. 설정▣ 다운로드◈ jdk 다운로드   ◈ eclipse 최신버전 다운로드(내장 jdk를 포함하고 있음) - java 파일을 저장해놓을 나만의 폴더를 만들어 놓기  - web site를 개발 후 배포(프로그램에서 실행이 아니라, 도메인에 의해서 실행(tomcat(server))))- java - compiler -> 컴파일러가 번역 (원본 소스 파일이 있어야 함. 완성된 형태로..) - javascript -> 인터프리터 언어 (원본 소스가 완성된 형태가 아여도 번역가능.) => 줄단위 번역 ※ Java 폴더 복사본 유의점.metadat 폴더는 Eclipse 설정을 할 때 생기는 폴더로 컴퓨터마다 폴더의 내용이 다르기에 복사해가도 다른 컴퓨터에서는 필요하지 않은 내용임 ..

Java 2024.09.25

게시판 프로젝트(2) - AWS 풀스택 과정 45일차

※ ProjectAnswer.jsx 삭제됨 ※ 페이지 참고 사이트(부트스트랩)https://www.npmjs.com/package/react-js-pagination react-js-paginationSimple, easy to use component for pagination. Compatible with bootstrap paginator stylesheets. Latest version: 3.0.3, last published: 5 years ago. Start using react-js-pagination in your project by running `npm i react-js-pagination`. There are 114 other pwww.npmjs.com=> 터미널에서 cd proje..

Project/AWS-React 2024.09.24

게시판 프로젝트(1) - AWS 풀스택 과정 44일차

※ 실행 준비 과정- 파일을 하나 만든후 VSCode에서 만든 파일을 오픈 (파일 이름은 한글을 사용하면 안 됨)그 후 터미널에서 npx create-react-app '내 파일이름'을 입력하면 여러 react 파일이 생김 (ex : npx create-react-app project-app)터미널에서 cd project-app으로 파일 이동 후 다음과 같이 실행- npm i express ⇒ 설치 : 서버- npm i mysql ⇒ 설치 : DB- npm i axios ⇒ 설치 : 비동기- npm i cors ⇒ 설치 :  서버와 클라이언트 간의 자원공유 관리- npm i json ⇒ 설치 : json- npm i nodemon ⇒ 설치 : 자동감지 서버 재시작 도구 (소스코드의 변경이 발생하면 자동으..

Project/AWS-React 2024.09.23

React 기초(게시판)- AWS 풀스택 과정 43일차

목차1.게시판2.느낀 점 1. 게시판▣ board-app- App.jsimport './App.css';import BoardHome from './component/BoardHome';function App() { return ( );}export default App; - sever.js// 설치한 라이브러리 변수로 받아오기const express = require('express');const bodyParser = require('body-parser');const mysql = require('mysql');const cors = require('cors');//express 사용하기 위한 app 생성const app = express();//express 사용할 서..

Front-end/React 2024.09.20

React 기초(useReducer)- AWS 풀스택 과정 41일차

목차1.useReducer2.느낀 점 1. useReducer◈ 이론■ useReducer 요청 상태에 따라 관리하기 // action : dispatch 함수로 받을 액션 const reducer = ( state, action ) => {   switch(action.type){   case "INCREMENT":    return state + 1;   case "DECREMENT":    return state - 1;  } } // state : 현재 상태 값 => 변수 // dispatch : state 값을 업데이트 하고, 재랜더링을 촉발하는 함수 const [ state, dispatch ] = useReducer( reducer, 0 ); return (   {state}    { dis..

Front-end/React 2024.09.10

React 기초(배열)- AWS 풀스택 과정 39일차

목차1.배열2.느낀 점 1. 배열◈ 이론■ array 랜더링 시 key의 존재 유무에 따라 업데이트, 삭제, 추가 시 효율적으로 랜더링 됨. users.map((u,i)=>(         )) ■ useRef()로 컴포넌트 안의 변수 만들기 - 컴포넌트에서 특정 DOM을 선택할 때 사용 - 컴포넌트 안에서 조회, 수정을 할 수 있는 변수를 관리할 수 있음. ■ useRef()로 관린하는 변수는 값이 바뀐다고 하여  컴포넌트가 재랜더링 되지 않음. ■ useRef()를 통해 관리하는 값들... - setTimeout / setInterval을 통해서 만들어지는 id - 조회, 수정, 삭제 시 사용되는 id - 외부 라이브러리를 사용하여 생성된 인스턴스  ■ useRef() / useState() :  ..

Front-end/React 2024.09.06