기록저장소

제1과목 애플리케이션 설계 ▷ 애플리케이션 설계 A > 소프트웨어 아키텍처 : 기본골격구조, 구성요소간의 관계 - 소프트웨어 아키텍처의 설계 : 원칙, 지침, 소통도구, 좋은품질 유지, (비)기능적 요구사항에 대한 해결사항 모색 - 모듈화 : 그룹화(모듈크기와 총개수 고려) - 추상화 : 간략화 과정추상화(자세한 수행과정 정의x, 전반적 흐름 파악), 데이터추상화(데이터의 세부적인 속성x, 구조 대표), 제어추상화(상세한 이벤트 발생 방법x, 대표 표현 대체) - 단계적 분해 : 하향식 설계방법 (상위->하위, 구체화), 추상화의 반복으로 더욱 세분화(기능->알고리즘, 자료구조) - 정보은닉 : 감추기, 변경하지 못하도록, 모듈간의 영향↓ - 소프트웨어 아키텍처의 품질 속성 시스템 측면(성능, 보안, 가..

제 1과목 화면 설계 ▷ 화면설계 C > UI 프로토타입 - 개요 : 모형물 -> 테스트 가능, 사용자의 요구사항이 잘 받영되었는지 검증, 간단하고 핵심적인 기능 위주, 개선 및 보안, 실제 사용자 대상 테스트 - 장점 : 사용자 설득 및 이해에 유용, 혼선 방지, 시간 절약, 사전오류 발견 - 단점 : 요구사항 반영을 위한 개선 및 보안작업시간 증가, 자원소모, 주요 작업 누락가능성 - 종류 : 페이퍼 프로토타입 (종이/아날로그, 대화, 비용절감, 현장대화, 가능기대감↓/test 복잡, 상호관계 표현↓, 공유성↓) 디지털 프로토타입 (ppt, 전문가 필요, 재사용 필요할 때 / 최종 제품과 유사하게 test, 수정 가능, 재사용 가능 / 사용법숙지 필요) - 계획시 고려사항 : 개발목적 정확히 인지, ..

디바이스 크기에 따라 slide 개수를 변경할 때 breakpoints const swiper = new Swiper('.swiper', { // Default parameters slidesPerView: 1, spaceBetween: 10, // Responsive breakpoints breakpoints: { // when window width is >= 320px 320: { slidesPerView: 2, spaceBetween: 20 }, // when window width is >= 480px 480: { slidesPerView: 3, spaceBetween: 30 }, // when window width is >= 640px 640: { slidesPerView: 4, spaceB..

제 1과목 화면 설계 ▷ 화면설계 A > 사용자 인터페이스(UI) 1. 사용자 인터페이스 : 사용자와 시스템간의 원활한 소통(물리적 제어: 전달방식, 구성, 기능: 간편, 편리) 2. 사용자 인터페이스의 특징 : 사용자의 만족에 영향, SW에서 가장 많은 변경이 생김, 시간↓ 이해도↑ 노력↓ 결과에 영향 3. 사용자 인터페이스의 구분 - CLI: Command Line, 텍스트 - GUI: Graphic User Interface, 아이콘, 메뉴, 마우스 - NUI: 사용자의 말이나 행동으로 기기를 조작하는 interface - TUI: Text User Interface - WUI: Web User Interface 인터넷, 웹브라우저를 통해 열람 및 조작 4. 사용자의 인터페이스의 기본 원칙 - 직관..

20.1 strict mode란? function foo(){ x = 10; } foo(); console.log(x); JS엔진은 변수 x가 선언된 위치를 찾기위해 스코프 체인을 통해 검색(foo함수 스코프 -> 전역 스코프) 변수의 선언이 존재하지않으므로 ReferenceError를 예상하나 JS엔진은 암묵적으로 전역 객체에 x 프로퍼티를 동적 생성하여 전역변수처럼 사용하도록 함(암묵적 전역, implicit global) -> 오류 발생의 원인이 될수있므로 var, let, const를 필수적으로 사용! 실수 방지를 위해 ES5부터 strict mode(엄격모드) 추가 : 오류발생 가능성이 있거나 JS엔진의 최적화 작업에 문제를 일으킬 수 있는 코드에 대해 명시적인 에러 발생 ESLint는 정적 분..

제 1과목 요구사항 확인 ▷ 요구사항 확인 C > 요구사항 1. 요구사항 개념 : 설명, 제약조건, 기준, 근거, 의사소통 원활 2. 요구사항 유형 1) 기술 내용에 따라 기능요구사항 (시스템, 기능, 제공) vs 비기능요구사항 (장비, 성능, 인터페이스, 데이터, test, 보안, 품질) 2) 기술관점과 대상의 범위에 따라 시스템 요구사항 (개발자 관점, 시스템이 제공해야할, 전문적, 기술적, sw 요구사항) vs 사용자 요구사항 (사용자 관점, 이해하기 쉽게) 3. 요구사항 개발 프로세스 (요구공학) 체계적 도출 -> 분석 -> 명세화(문서화) -> 확인 4. 요구사항 도출 요구사항에 대한 수집, 의견교환, 개발자+고객의 관계형성, 의사소통, 인터뷰, 설문, 워크샵, 브레인스토밍 5. 요구사항 분석 ..

jquery오류문제로 옵션추가 observer: true, observeParents: true, https://sir.kr/qa/364981 swiper 슬라이드 탭안에서 기능이 안먹혀요.. > SIR 안녕하세요.. 이틀동안 해결이 안되서 온 초보 퍼블리셔입니다..ㅠㅠ 각 슬라이드를 탭안에 넣었는데 첫번째 탭만 작동하고 두번째부터는 swiper 기능이 안먹 sir.kr

혹시 제 블로그 보시고 정보처리기사 공부하시는 분들께.. 인프런 정보처리기사 강의를 무료로 들을수있는 기회가 있어서 해당 강의위주로 들었는데 추천하진않아요.. 전체적인 그림이 전혀 그려지지않는..ㅠ 그래서 저는 유튜브에 으로 다시들었습니다(근데 주간컴공은 5과목 영상이 없어요;;) 제 1과목 요구사항 확인 ▷ 요구사항 확인 A 소프트웨어 생명주기 : 비용산정, 개발계획 뒷받침, 표준화 가능, 관리 용이 1. 폭포수형 모형 폭포수 모델을 따르기 위해서는 완전히 순차적으로 한단계씩 진행해 나가야한다. 폭포수 모델은 전 단계가 수행되어 완료되기 전에는 다음단계로 진행할 수 없도록 제한한다. 사용자의 요구사항이 명확해야함 (이전 단계 수정x) 계획(타당성/ 비용,자원,기간 산정) -> 요구분석(요구사항 문서화)..

브라우저 크기에 따라 테이블 반응형 표현하기 https://codepen.io/jyvujtky/pen/bGYbegB bGYbegB ... codepen.io

https://codepen.io/piarey/pen/gOrVdmM 양쪽정렬 원리 (text-align:justify) ... codepen.io th의 min-width (width도 무관해보임) 설정 span을 text-align:justify로 양쪽정렬 th::after로 span의 기준이 th전체의 크기값을 가지도록 th에 font-size:0으로 ::after가 높이를 차지하지않게하고 span에 별도의 폰트사이즈 설정