⚑ 변수와 상수 let, const 변수보다 상수가 권장되어야지~ ETRI 기억나지, 규리야? 예외는 있지. 루프라든지. ⚑ 식별자 이름 식별자: 변수, 상수, 함수의 이름 식별자 작성 조건: 글자, $, _ 로 시작할 것 js는 달러기호를 특수문자로 사용하지 않는다 유니코드 문자 가능 ex) Ʃ, Ò 예약어 사용 불가 camelCase, snake_case 언급 cf) 리터럴 = 찐 값. (변수에 삽입된 찐 값) ⚑ 원시타입과 객체 원시타입: 숫자, 문자열, 불리언, null, undefined, 심볼 js의 내장된 객체 타입: Array, Date, RegExp, Map&WeakMap, Set&WeakSet Number(숫자와 대응), String(문자열), Boolean(불리언) 이 세 가지는 대응..
🧚♀️: 귤님! 취직준비할 거라면서요! 어디를 가고 싶어요? 🍊: 어.. 어.. 개발자요! 개발하는 곳! 뭐, 어.. java나 js쓰는 곳! 🧚♀️: 어휴, IT기업 종류부터 알아보죠~ SI업체 System Integration 구인구직 활발 (수요도 많고 퇴사도 많고 프리랜서도 많고) 무에서 유를 창조 고객의 요구사항에 따라 만들어주는 일 공공기관에서 프로젝트를 발주함 -> SI업체에서 수주하여 구축(기획, 디자인, 개발 진행) 업무강도 높음(요구사항을 따라가다보니 일정 스트레스, 맞춰준다는 것 자체에 대한 압박 스트레스 존재) 경력 인정이 좋음. (보편적인 업무능력이 향상될 것이나, 특정 전문적인 경력 인정으론 어려울 것임) ex) 삼성SDS, LG CNS ... 솔루션 회사 무에서 유가 아니라..
Lazy, Eager 한 줄 요약 지연로딩, Lazy 필요한 시점에 연관된 데이터를 불러오기 즉시로딩, eager 연관된 데이터를 한 번에 불러오기 JAVA Persistence API 대부분 join을 이용해 SQL 한 번으로 조회한다 JPA에서 테이블 간 연간 관계는 객체의 참조를 통해 이루어진다 서비스가 커진다 > 참조하는 객체가 많아진다 > 객체가 가지는 데이터 양이 많아진다 DB로부터 참조하는 객체들의 데이터를 한꺼번에 가져오는 것은 비효율적이다 해결방안으로 참조하는 객체들의 데이터를 가져오는 시점을 정해버리자 Fetch Type JPA의 참조하는 개체들의 데이터를 가져오는 시점을 정하기 이 Fetch Type으론 Lazy방식과 Eager방식과 존재 Lazy, 지연로딩 로딩되는 시점에 Lazy로..
useContext context이용시, 트리 단게마다 명시적으로 props를 넘겨주지 않고도 컴포넌트가 값을 공유할 수 있다 useContext는 Context.Provider과 같이 사용된다 context를 써야하는 경우 예를 들어, 로그인한 유저, 테마, 선호하는 언어 등의 전역적 데이터를 공유할 때 (아래는 테마를 통한 예시) 기존 방식: 테마 인수를 명시적으로 넘겨주기 정보를 일일이 넘겨주고 있음 App > Toolbar > ThemedButton class App extends React.Component { render() { return ; } } function Toolbar(props) { return ( ); } class ThemeButton extends React.Componen..
useEffect함수 리액트 컴포넌트가 렌더링 될 때마다 특정 작업을 실행할 수 있도록함 클래스형 컴포넌트에서 사용할 수 있었던 생명주기 메소드를 함수형 컴포넌트에서도 사용할 수 있게 되었음 useEffect() 작성법 useEffect(funtion, deps) fuction: 수행하고자 하는 작업 deps: 검사하고자 하는 특정 값에 대한 배열 혹은 빈 배열 *deps = dependency Component가 mount되었을 때 mount란 component가 가장 처음 렌더링 될 때다 deps위치에 [ ] 표기 혹은 배열표시 생략 예시코드 import React, {useEffect} from 'react'; useEffect( () => { //컴포넌트 화면에 가장 처음 렌더링 될 때, 한 번만..
1. useState() 함수형 컴포넌트에서 상태를 관리하기 2. 사용법 리액트 패키지에서 useState 함수를 불러온다 import Ract, {useState] from ‘react’; useState함수 호출을 통해 배열을 반환시킨다 const [상태 값 저장 변수, 상태 값 갱신 함수] = useState(상태 초기 값); 상태 값 갱신 함수, setNumber 라고 지정해줬다고 치자. 여기엔 업데이트 할 새로운 값을 넣어줄 수 있다. setNumber(number+1) 기존 값을 업데이트 하는 함수를 넣어줄 수 있다. setNumber(preNum ⇒ preNum +1) 3. 예시 import React, {useState} from 'react'; function InputTest() { c..