cs(12)
-
[백엔드] cs 지식2 - Spring 1편
1. Spring Framework? => Java 기반 오픈 소스 기반 Framework이며 경량 컨테이너를 이용하여 자바 객체를 담고 직접 관리를 하는 것 2. Spring Framework 특징 => 의존성 주입(DI), 경량 프레임워크, 제어의 역행(IoC), MVC 패턴, 관점지향 프로그래밍(AOP)로 구성 되어 있습니다. 3. 의존성 주입(DI; Dependency Injection) => 각 계층 및 서비스들간 의존이 존재 할 경우 프레임워크와 서로 연결, 하나의 클래스에서 다른 클래스를 사용하기 위해 생성자를 사용하여 의존성을 주입 시킨다. (controller에서 service 사용, service에서 mapper 사용의 예시) 4. 경량 프레임워크 => Java 객체를 직접 관리하며, ..
2023.12.03 -
[백엔드] cs 지식1 - 백엔드 기초
1. 백엔드 (Back-end) => 백엔드 개발은 클라이언트 측에서 발생하는 요청을 처리하고 필요한 데이터를 데이터베이스에서 불러오거나 저장하는 등의 서버 사이드 작업을 수행. 2. 서버 사이드 언어 => Python, Ruby, Java, PHP, .Net, Node.js 등과 같은 프로그래밍 언어를 사용, 서버 로직을 구성. 3. 데이터베이스 관리 시스템(DBMS) => MySQL, PostgreSQL, MongoDB 등의 데이터베이스를 통해 데이터를 저장, 수정, 삭제, 검색하는 것이 목표. 4. 서버 => Apache, Nginx, Microsoft IIS 등의 서버를 설정하고 관리. 5. API (Application Programming Interface) => WSDL, REST, Grap..
2023.12.03 -
[프론트엔드] cs 지식6 - React 편(2)
1. Redux 사용해 본 적 있습니까? Redux를 적용사례의 대해 설명하세요. Redux는 새로 고침시 state 값을 새로 고침시 변하지 않게 하기 위해 사용합니다. 대부분은 로그인 유지 시 사용되는 편에 속하고요. 이것을 redux session 방식 혹은 redux local 방식으로 이용하여 state 값을 저장합니다. redux session은 javascript의 sessionStorage 역할을 수행하고 있으며 브라우저 창이 닫을 시 state가 다시 초기화되는 상태를 말하고, localStorage는 서버를 내릴 때까지 지속적으로 state값이 유지되는 것을 뜻합니다. 2. useState()와 useEffect()의 대해서 설명하세요. useState()와 useEffect()는 리액..
2023.12.03 -
[프론트엔드] cs 지식5 - React 편
1. dom이란? => 문서 객체 모델이라고 불리우며, 문서의 구성 요소들을 객체로 구조화 하여 표현 한 것. 쉽게 설명하면 문서 전체에 html 태그를 tree dom으로 구성함 2. Virtual dom => Dom을 추상화한 가상의 객체, 즉 직접 dom을 접근하지 않고, 가상의 공간에서 dom을 사용하는 것. 즉, 직접 dom에 접근하지 않아 성능 향상에 개편됨 3. Virtual Dom 동작 원리 => DOM을 추상화 한 객체를 메모리에 저장고, 이는 Javascript 객체를 건드는 행위이기 때문에 변경 사항 발생 시 메모리 변경으로 처리 되기 때문에 즉시 반영된다. 이 과정은 재조정을 한다라고 표현한다. 4. 재조정이란? => Batch Update 방식으로 처리하여 변경 사항을 모든 Ele..
2023.12.03 -
[프론트엔드] cs 지식4 - Typescript
1. Typescript란? => Javascript 기반에서 엄격한 규칙을 적용하기 위한 언어, 타입을 지정하여 에러를 방지하기 위해 적용됨 2. Javascript와 Typescript 차이 => JS는 코드 규칙을 따르지 않아 코드작성에 용이하고, 빠른 코딩 가능하며, TS는 코드 규칙을 적용하여 IDE 결합과 용이하며, 코드 가독성이 좋고 컴파일 시 에러 잡는게 용의하다. 3. type과 interface 차이 => 둘다 타입을 지정해주는 예약어이지만 interface는 extends나 implements로 확장적인 선언과 같은이름으로 확장 선언이 가능하며 객체에만 선언이 가능하며 type은 같은 이름으로 확장 선언 불가능, 원시 타입도 선언 가능 4. TypeScript 모든 유형으로 사용방법 ..
2023.12.03 -
[프론트엔드] cs 지식3 - Javascript 상세
1. var와 let 차이점 => 둘다 변수 선언하는 것으로, var로 선언시 undefined로 값 초기화 하고, let으로 선언시 데이터 값이 없음. 이는 호이스팅 문제로 let을 사용하는 것으로 선호함 2. 호이스팅 => 코드 실행 전 변수선언/함수선언을 해당 스코프를 최상단 위로 끌어 올려진 것 같은 현상 (let과 var 차이 예시) // 변수 선언을 var 키워드로 아래에서 했기 때문에 선언이 끌어올려져서 오류 안남. (호이스팅됨) - 땡 text = 'Hanamon!'; // 선언 없으면 var로 선언한 것과 동일해짐. - 맞음 console.log(text); // 그래서 선언 없어도 콘솔 출력됨. - 맞음 var text; text = 'Hello'; // 선언 없으면 var로 선언한 것..
2023.12.03