-
Logo Design Site https://www.brandcrowd.com/ Make Logos, Business Cards, Social Designs and More | BrandCrowd Over 100K templates - make your logo, business card and social media designs in seconds, then download instantly. www.brandcrowd.com Convert Site https://convertio.co/kr/ Convertio — 파일 변환기 300가지 이상의 포맷 지원 저희는 300가지 이상의 서로 다른 파일 포맷 간의 25600가지 이상의 서로 다른 변환을 지원합니다. 다른 어떤 변환기보다 많은 수입니다. 신속 ..
[메모] 로고 디자인 사이트Logo Design Site https://www.brandcrowd.com/ Make Logos, Business Cards, Social Designs and More | BrandCrowd Over 100K templates - make your logo, business card and social media designs in seconds, then download instantly. www.brandcrowd.com Convert Site https://convertio.co/kr/ Convertio — 파일 변환기 300가지 이상의 포맷 지원 저희는 300가지 이상의 서로 다른 파일 포맷 간의 25600가지 이상의 서로 다른 변환을 지원합니다. 다른 어떤 변환기보다 많은 수입니다. 신속 ..
🗓️ 2023.09.11 🗨️0 -
Eclipse 환경에서 Java 사용하여 서버 구현 설치 1. Eclipse Workspace 2. JDK 17 (Java Development Kit) 3. Tomcat 설치 (서버 구현) 구현 준비 및 연동 순서 1. Dynamic Web Project 생성 2. main/wepapp/(파일명).jsp 생성 3. 이클립스에 Tomcat 등록 4. Tomcat에 jsp 프로젝트 등록 : Tomcat 우클릭 -> Add and Remove 로컬 서버 환경에서 로그인 / 회원가입 기능 구현 // signIn.html // login // signIn.jsp // ID PW PW Submit // signIn_proc.jsp // // signUp.jsp // ID PW Submit // signUp_pro..
[Java] Eclipse 환경에서 서버 구현Eclipse 환경에서 Java 사용하여 서버 구현 설치 1. Eclipse Workspace 2. JDK 17 (Java Development Kit) 3. Tomcat 설치 (서버 구현) 구현 준비 및 연동 순서 1. Dynamic Web Project 생성 2. main/wepapp/(파일명).jsp 생성 3. 이클립스에 Tomcat 등록 4. Tomcat에 jsp 프로젝트 등록 : Tomcat 우클릭 -> Add and Remove 로컬 서버 환경에서 로그인 / 회원가입 기능 구현 // signIn.html // login // signIn.jsp // ID PW PW Submit // signIn_proc.jsp // // signUp.jsp // ID PW Submit // signUp_pro..
🗓️ 2023.09.08 🗨️0 -
React Props / State - React의 컴포넌트는 상태 값(state)을 이용해서 UI를 표현 - 컴포넌트 간의 단방향 데이터 전송으로 props를 사용하고 컴포넌트 내부에서 사용하는 state가 존재 - 컴포넌트 간의 단방향 데이터 전송으로 props를 사용하고 컴포넌트 내부에서 사용하는 state가 존재 - props는 부모 컴포넌트에서 자식 컴포넌트로 데이터를 전달할 때 사용 데이터 변경 불가 (readonly) 컴포넌트 호출 시 attribute 사용 - state는 컴포넌트 내에서 관리하는 상태 값으로 데이터를 유동적으로 다룰 때 사용 데이터 변경 가능 변경된 상태를 컴포넌트에게 알려주기 위해서 useState 함수 사용 State - 컴포넌트가 가지는 내부 저장공간 - state ..
[React] 리액트 Props 와 State 개념 및 연습문제React Props / State - React의 컴포넌트는 상태 값(state)을 이용해서 UI를 표현 - 컴포넌트 간의 단방향 데이터 전송으로 props를 사용하고 컴포넌트 내부에서 사용하는 state가 존재 - 컴포넌트 간의 단방향 데이터 전송으로 props를 사용하고 컴포넌트 내부에서 사용하는 state가 존재 - props는 부모 컴포넌트에서 자식 컴포넌트로 데이터를 전달할 때 사용 데이터 변경 불가 (readonly) 컴포넌트 호출 시 attribute 사용 - state는 컴포넌트 내에서 관리하는 상태 값으로 데이터를 유동적으로 다룰 때 사용 데이터 변경 가능 변경된 상태를 컴포넌트에게 알려주기 위해서 useState 함수 사용 State - 컴포넌트가 가지는 내부 저장공간 - state ..
🗓️ 2023.09.07 🗨️0 -
React ↳ pakage.json - 프로젝트에 사용되는 라이브러리 목록 - 프로젝트 실행에 필요한 명령어 목록 ↳ pakage-lock.json - pakage.json 으로는 부족한 정보를 도와주는 파일 - 의존성 트리에 대한 정보를 모두 가지고 있음 - node_modules 없이 배포하는 경우 반드시 필요 - 프로젝트 저장 또는 타인에게 전달 - npm 이 node_modules 트리 또는 pakage.json 이 수정될때 자동으로 생성됌 - 저장소에서 꼭 같이 커밋을 해야된다! ♠ 파일 순번 ① index.html ② index.js ③ app.js ... ♠ Deprecated : '중요도가 떨어져 더 이상 사용되지 않고 곧 사라지게 될 것' 이라는 의미 Reactstrap 사용하기 1. c..
[React] 리액트 pakage.json / pakage-lock.json / Reactstrap / React Developer ToolsReact ↳ pakage.json - 프로젝트에 사용되는 라이브러리 목록 - 프로젝트 실행에 필요한 명령어 목록 ↳ pakage-lock.json - pakage.json 으로는 부족한 정보를 도와주는 파일 - 의존성 트리에 대한 정보를 모두 가지고 있음 - node_modules 없이 배포하는 경우 반드시 필요 - 프로젝트 저장 또는 타인에게 전달 - npm 이 node_modules 트리 또는 pakage.json 이 수정될때 자동으로 생성됌 - 저장소에서 꼭 같이 커밋을 해야된다! ♠ 파일 순번 ① index.html ② index.js ③ app.js ... ♠ Deprecated : '중요도가 떨어져 더 이상 사용되지 않고 곧 사라지게 될 것' 이라는 의미 Reactstrap 사용하기 1. c..
🗓️ 2023.09.07 🗨️0 -
● React ● (1) 시작 전 튜토리얼 1) 프로젝트 실행 (pakage.json 의 명령어 중 선택) npm run start 2) 프로젝트 구성 파일 - public/index.html - src/index.js - src/App.js - src/index.css - src/App.css (2) HTML 문서를 리액트로 변환 App.js 파일에서 컴포넌트 단위(함수)로 쪼개어 분류 import './App.css';// import 문 => 외부 파일 임포트 import styles from './nav.module.css';// 컴포넌트에서 쓰이는 css는 중간에 module 필수 function Header(data_header) {// 컴포넌트(함수)의 파라미터 : 해당 컴포넌트에서 쓰이는 ..
[Reacct] 리액트 기본 구성 파일 및 HTML 문서 => React 로 변환● React ● (1) 시작 전 튜토리얼 1) 프로젝트 실행 (pakage.json 의 명령어 중 선택) npm run start 2) 프로젝트 구성 파일 - public/index.html - src/index.js - src/App.js - src/index.css - src/App.css (2) HTML 문서를 리액트로 변환 App.js 파일에서 컴포넌트 단위(함수)로 쪼개어 분류 import './App.css';// import 문 => 외부 파일 임포트 import styles from './nav.module.css';// 컴포넌트에서 쓰이는 css는 중간에 module 필수 function Header(data_header) {// 컴포넌트(함수)의 파라미터 : 해당 컴포넌트에서 쓰이는 ..
🗓️ 2023.09.05 🗨️0 -
Refactoring 결과의 변경 없이 코드의 구조를 재조장함'을 뜻하며 가독성을 높이고 유지보수를 편하게 하기 위해 사용한다. 리팩터링 하는 이유 소프트웨어의 유지보수를 하는 과정이 간단해진다. 협업을 하면서 소스를 공유하는 과정에서 어려움이 줄어든다. 코드 중복을 제거하고, 수정 용이성을 높이므로 작업시간이 줄어든다. 직관성 있는 네이밍으로 분석이 쉽다.
[메모] 리팩터링(Refactoring) 이란?Refactoring 결과의 변경 없이 코드의 구조를 재조장함'을 뜻하며 가독성을 높이고 유지보수를 편하게 하기 위해 사용한다. 리팩터링 하는 이유 소프트웨어의 유지보수를 하는 과정이 간단해진다. 협업을 하면서 소스를 공유하는 과정에서 어려움이 줄어든다. 코드 중복을 제거하고, 수정 용이성을 높이므로 작업시간이 줄어든다. 직관성 있는 네이밍으로 분석이 쉽다.
🗓️ 2023.09.05 🗨️0