본문 바로가기
반응형

전체 글

★ 반응형 웹의 3요소, 반응형 웹/적응형 웹
CS | 기술면접대비 2023. 7. 5. ★ 반응형 웹의 3요소, 반응형 웹/적응형 웹 1. 유연한 그리드 레이아웃(Flexible Grid Layout) 웹 페이지의 레이아웃이 상대적인 단위(%, em, rem)로 구현되어야합니다. 이렇게 하면 컨텐츠와 그리드 레이아웃이 화면 크기의 변화에 따라 유연하게 조절될 수 있습니다. 2. 유연한 이미지 및 미디어(Flexible Images and Media) 이미지와 미디어 콘텐츠의 크기를 상대적으로 조절하거나, CSS의 max-width 속성을 사용하여 최대 너비를 지정함으로써, 이미지와 미디어가 부모 요소의 크기에 맞게 자동으로 조절될 수 있게 합니다. 3. 미디어 쿼리(Media Queries) CSS의 미디어 쿼리를 사용하여, 특정 화면 크기 또는 장치에 따른 조건부 스타일 규칙을 적용할 수 있습니다. 미디어 쿼리를 사용하면 다양한 레이..
정보처리기사 22년 2회 [소프트웨어 개발] 기출문제풀이 오답노트
it자격증 준비/정보처리기사(필기) 2023. 7. 5. 정보처리기사 22년 2회 [소프트웨어 개발] 기출문제풀이 오답노트 1. 단위테스트(Unit Test) 1) 시점 : 코딩 직후 2) 검사영역 : 소프트웨어 설계의 최소 단위인 모듈이나 컴포넌트에 초점을 맞춰 테스트 (인터페이스, 외부적 I/O, 자료구조, 독립적 기초 경로, 오류처리 경로, 경계조건 등) 3) 사용자 요구사항 기반의 기능성 테스트 최우선 수행 4) 구조 기반, 명세 기반 테스트로 분류 (주로 구조 기반 테스트 실행) 5) 발견 가능한 오류 : ① 알고리즘 오류로 인한 원치 않는 결과 ② 탈출구 없는 반복문 사용 ③ 틀린 수식에 의한 잘못된 결과 2. 테스트 드라이버 1) 개념 : 테스트 대상의 하위 모듈 호출. 매개변수 전달 후, 모듈 테스트 수행 결과 도출. 2) 사용 시기 : 상위 모듈 없이 하위모듈 존재 3) 방식 : 상향식 테스트 3. 스텁 1)..
정보처리기사 22년 2회 [소프트웨어 설계] 기출문제풀이 오답노트
it자격증 준비/정보처리기사(필기) 2023. 7. 4. 정보처리기사 22년 2회 [소프트웨어 설계] 기출문제풀이 오답노트 방법론 1. 구조적(structural) 방법론 -특징: 전통적인 방식, 절차 중심 -대표 방법론: 폭포수 2. 정보공학(Information Engineering)방법론 -특징 : 데이터 중심, 모델링 기반 -대표 방법론: 프로토타입, 정보공학방법론 3. 객체지향(Object Orient) 방법론 -특징 : 객체 중심, 사용자의 참여 중시 -대표방법론 : 반복적 개발 4. 컴포넌트 기반(Component Based) 방법론 - 특징 : 컴포넌트 기반, 재사용성 중시, 반복과 통합 중시 - 대표 방법론 : RUP, XP, Agile, 마르미 피드백 feedback 시스템의 상태와 사용자의 지시에 대한 효과를 보여주어 사용자가 명령에 대한 진행 상황과 표시된 내용을 해석할 수 있도록 도와줌 객체지향 개념 ..
★★ 쿠키와 세션 (정의, 사용이유, 차이점)
CS | 기술면접대비 2023. 7. 4. ★★ 쿠키와 세션 (정의, 사용이유, 차이점) 1. 쿠키와 세션을 사용하는 이유 웹은 기본적으로 HTTP 프로토콜을 사용하며, 이 프로토콜은 상태를 유지하지 않는 무상태(stateless) 특성을 가지고 있다. 즉, 서버와 클라이언트간의 통신에서 이전에 주고받은 정보를 저장하지 않아 사용자의 상태 정보를 기억할 수 없다. 이 때문에 사용자 인증, 개인화된 설정 등 상태 정보를 기억하기 위해서 쿠키와 세션을 사용한다. 2. 쿠키란? 쿠키는 클라이언트(웹 브라우저)에 저장되는 작은 텍스트 파일이다. 쿠키는 이름, 값, 만료날짜, 도메인 등의 정보를 저장하며, 사용자가 웹 사이트를 찾아올 때마다 추가 정보를 함께 전달하게 됩니다. 쿠키는 주로 사용자의 선호도, 로그인 정보 등 웹 사이트의 이용 정보를 저장하는 데 사용됩니다. 3. 세션이란? 세션은 서버에..
정보처리기사 22년 2회 [데이터베이스 구축] 기출문제풀이 오답노트
it자격증 준비/정보처리기사(필기) 2023. 7. 3. 정보처리기사 22년 2회 [데이터베이스 구축] 기출문제풀이 오답노트 -요구조건 분석 단계 : 데이터 및 처리 요구조건 -개념적 설계 단계 : DBMS 독립적 개념 스키마 설계, 트랜잭션 모델링, 산출물로 E-R 다이어그램을 만들 수 있음 -논리적 설계 단계 : 목표 DBMS에 맞는 스키마 설계, 트랜잭션 인터페이스 설계 -물리적 설계 단계 : 목표 DBMS에 맞는 물리적 구조 설계, 트랜잭션 세부 설계 -구현 단계 : 목표 DBMS DDL로 스키마 작성, 트랜잭션(응용프로그램) 작성 기본키 기본키는 릴레이션에서 튜플을 구별하고 검색할 때 필수적으로 사용되며, 반드시 NOT NULL 제약을 가지고 있어야 합니다. 반면 외래키는 다른 릴레이션에 있는 기본키를 참조하는 용도로 사용되며, 참조된 키는 자동으로 인덱스화되므로 검색 성능 향상에 도움이 됩니다. 기본키는 릴레이션에서..
정보처리기사 22년 2회 [프로그래밍 언어활용] 기출문제풀이 오답노트
it자격증 준비/정보처리기사(필기) 2023. 7. 1. 정보처리기사 22년 2회 [프로그래밍 언어활용] 기출문제풀이 오답노트 RIP 라우팅 프로토콜 - 경로 선택 메트릭은 홉 카운트(hop count)이다. - 라우팅 프로토콜을 IGP와 EGP로 분류했을 때 IGP에 해당한다. - 최단 경로 탐색에 Bellman-Ford 알고리즘을 사용한다. - 각 라우터는 이웃 라우터들로부터 수신한 정보를 이용하여 라우팅 표를 갱신한다. IP 프로토콜 필드 - Header Length는 IP 프로토콜의 헤더 길이를 32비트 워드 단위로 표시한다. - Packet Length 필드(전체 길이 필드, Total Length)는 IP 헤더와 데이터를 합친 전체 패킷의 길이를 나타내며, 최대 크기는 2¹⁶-1 바이트(65,535 바이트). 이 필드는 16비트에서 표현되며, 최소 크기는 20 바이트(IP 헤더의 최소 길이)가 된다. - Time To..
정보처리기사 22년 2회 [정보시스템 구축관리] 기출문제풀이 오답노트
it자격증 준비/정보처리기사(필기) 2023. 6. 30. 정보처리기사 22년 2회 [정보시스템 구축관리] 기출문제풀이 오답노트 SDN (Software Defined Network) 1. 네트워크를 제어부, 데이터 전달부로 분리하여 네트워크 관리자가 보다 효율적으로 네트워크를 제어, 관리할 수 있는 기술 2. 기존의 라우터, 스위치 등과 같이 하드웨어에 의존하는 네트워크 체계에서 안정성, 속도, 보안 등을 소프트웨어로 제어, 관리하기 위해 개발됨 3. 네트워크 장비의 펌웨어 업그레이드를 통해 사용자의 직접적인 데이터 전송 경로 관리가 가능하고, 기존 네트워크에는 영향을 주지 않으면서 특정 서비스의 전송 경로 수정을 통하여 인터넷상에서 발생하는 문제를 처리할 수 있음 사용자 인증 유형 - 존재 그를 대체하는 것’에는 홍채, 지문, 얼굴 등이 포함된다. HSM (Hardware Security Module) - 암호화 키를 생성하고..
#11 HTTP의 비연결성 | Promise
CS | 기술면접대비 2023. 6. 29. #11 HTTP의 비연결성 | Promise HTTP의 비연결성 HTTP의 특징 중 하나인 비연결성은 클라이언트가 보낸 요청에 대해 서버가 응답을 한 후 바로 연결이 끊어지는 특성을 의미합니다. 이러한 비연결적인 특성을 바탕으로 HTTP무상태성(stateless)특징을 띄기도 합니다. 연결이 해제됨과 동시에 서버와 클라이언트는 이전에 요청한 결과에 대해서 잊어버려 '상태'를 유지하지 않는다는 의미입니다. 따라서, 만일 클라이언트가 이전 요청과 같은 데이터를 원한다면, 다시 서버와 연결해서 동일한 요청을 시도해야합니다. 장점은 서버의 부담을 줄일 수 있다는 점이고, 단점은, 사용자의 상태를 유지시켜줄 수 없다는 점입니다. 따라서 개인화된 사용자경험을 제공하기 위해서는 쿠키 또는 세션등이 필요합니다. HTTP의 비연결성과 무상태성 특징은 웹 상의 통신..
나도코딩 파이썬(python) 강의 수강 솔직후기 | 감동 그잡채,, 너무 재밌었어요.. 이게 무료라니ㅠㅠ
Python 2023. 6. 29. 나도코딩 파이썬(python) 강의 수강 솔직후기 | 감동 그잡채,, 너무 재밌었어요.. 이게 무료라니ㅠㅠ 12일 전에 처음 듣기 시작해서 오늘! 완강을 했다. 강의는 6시간이라 짧다고 생각해서 시작했지만 체감상 12시간, 아니 그 이상 걸린것 같았다ㅎㅎ 역시 직접 따라치고 이해하는 과정을 수반해야하기 때문에 오래걸렸다. 정말 정말 정말 만족스러운 강의 였다. 그래서 왜 추천하는지 정성스럽게 적어보고자한다. 왜 추천하는가 !! !!1. 개념하나하나 지루하지 않게 바로바로 타이핑하면서 설명한다: 이건 취향차이일 수 있는데 ppt와 VScode를 왔다갔다하면 집중도도 떨어지고 정신없고 지루하기 때문이다. 2. 중간중간 알고리즘 코딩테스트 스타일의 퀴즈가 존재한다.: 나는 파이썬을 코테용으로 공부하는데 중간에 퀴즈가 있어서 배운개념을 바로바로 적용해볼 수 있었고. 강사님과 내 답을 비교하면서 이마탁! 하는 과정이 ..
[JavaScript] 클로저 | 정의, 동작원리, 데이터은닉, 비동기작업
JavaScript 2023. 6. 29. [JavaScript] 클로저 | 정의, 동작원리, 데이터은닉, 비동기작업 클로저의 정의 클로저란 내부 함수가 외부 함수의 변수에 접근할 수 있는 기능이다. 다른 말로, 클로저는 함수와 그 함수가 선언된 렉시컬 환경의 조합이다. 이로 인해 클로저는 변수의 값이 사라져도 그 값을 기억할 수 있다. 클로저의 동작 원리 function outer() { let count = 0; function inner() { count++; console.log(count); } return inner; } const counter = outer(); counter(); // 1 counter(); // 2 위 예제에서 outer 함수는 inner 함수를 반환한다. inner 함수는 count 변수에 접근하고 수정할 수 있는 클로저이다. 이로 인해 counter 변수에 할당된 함수를 호출할 때마..
#10 쿠키와 세션의 차이 | async/await
CS | 기술면접대비 2023. 6. 28. #10 쿠키와 세션의 차이 | async/await 쿠키와 세션의 차이 쿠키와 세션 모두 인증방식 중 하나입니다. 쿠키와 세션의 가장 큰 차이점은 정보가 저장되는 위치입니다. 쿠키는 클라이언트측에서, 세션은 서버측에서 저장되고 관리됩니다. 정보의 특성에 따라, 사용자의 편의를 위하되 지워지거나 가로채거나 했을 때 큰 문제가 생기지 않을 만한 정보들을 쿠키에, 사용자나 다른 누군가에게 노출되어서는 안되고 서비스제공자가 직접 관리해야하는 정보는 세션에 저장하게 됩니다. 모두 세션에 저장하게 된다면 접속자가 많을 때 서버에 부담이 커지므로 개발자의 판단하에 적절하게 분해해서 저장해주어야 합니다. 쿠키와 세션은 웹 상에서 사용자 인증 및 상태 정보를 저장하는 데 사용되는 방식입니다. 그러나 그들은 몇 가지 핵심 차이점을 가지고 있습니다. 1. 보안 : 세션은 서..
[JavaScript] this | 전역, 함수호출, 객체, 생성자함수, 이벤트핸들러
JavaScript 2023. 6. 28. [JavaScript] this | 전역, 함수호출, 객체, 생성자함수, 이벤트핸들러 전역 컨텍스트에서의 this 전역 컨텍스트에서 'this'는 전역 객체를 참조한다. 웹 브라우저에서 전역 객체는 'window' 객체이고, Node.js에서는 'global' 객체이다. *컨텍스트(context): 프로그래밍에서 언어의 일부가 작동하는 맥락이나 범위를 나타냄 console.log(this); // window (브라우저) 또는 global (Node.js) 일반 함수 호출에서의 this 일반적인 함수 호출에서 'this'는 기본적으로 전역 객체를 참조한다. 그러나 strict mode를 사용할 경우 'this'는 undefined를 참조한다. * strict mode: 코드 실행 환경으로, 기존의 자바스크립트 구문 및 동작에 대한 제한을 추가하여 코드의 안정성과 성능을 높이는 데 도움 f..
반응형

티스토리툴바