분류 전체보기347 728x90 2024 #정보처리기사 필기요약 #1-2. 화면 설계 제 1과목 소프트웨어 설계 > 화면 설계(1) UI 요구사항 확인사용자 인터페이스(UI; User Interface)사용자 중심으로 설계되어야 한다. [2021년 3회]넓은 의미에서 사용자와 시스템 사이에서 의사소통할 수 있도록 고안된 물리적, 가상의 매개체이다.좁은 의미로는 정보 기기나 소프트웨어의 화면 등에서 사람이 접하게 되는 화면이다.배우기가 용이하고 쉽게 사용할 수 있도록 만들어져야 한다.사용자 요구사항이 UI에 반영될 수 있도록 구성해야 한다.사용자 경험(UX; User eXperience)제품과 시스템, 서비스 등을 사용자가 직·간접적으로 경험하면서 느끼고 생가하는 총체적 경험을 의미한다.UI 유형 (CG NO)유형특징설명CLI(Command Line Interface)정적인 텍스트 기반 인.. 2024. 7. 5. 2024 #정보처리기사 필기요약 #1-1. 애자일(Agile), 분석모델확인 제 1과목 소프트웨어 설계애자일(Agile)애자일(Agile) 방법론은 소프트웨어 개발방법론의 하나로서 개발과 함께 즉시 피드백을 받아서 유동적으로 개발하는 방법이다.애자일 방법론 특징 [2023년 3회]프로젝트의 요구사항은 기능 중심으로 정의한다. [2020년 4회]절차와 도구보다 개인과 소통을 중요하게 생각한다.작업 계획을 짧게 세워 요구 변화에 유연하고 신속하게 대응할 수 있다. [2020년 3회]소프트웨어가 잘 실행되는 데 가치를 둔다.고객과의 피드백을 중요하게 생각한다.문서 중심이 아닌, 실행 가능한 소프트웨어를 중시한다. [2021년 1회, 3회] [2022년 1회]애자일 선언문 (개변동고) [2022년 2회]애자일 방법론을 실천하기 위한 주요 원칙이다.공정과 도구보다 개인과 상호작용계획을 따.. 2024. 7. 5. 2024 #정보처리기사 필기요약 #1-1. UML 제 1과목 소프트웨어 설계 > 요구사항 확인 > UMLUML(Unified Modeling Language)의 개념 [2022년 1회]UML은 객체지향 소프트웨어 개발 과정에서 산출물을 명세화, 시각화, 문서화할 때 사용되는 모델링 기술과 방법론을 통합해서 만든 표준화된 범용 모델링 언어이다.UML은 비즈니스 프로세스 개발 분야에 특화되어 사용 · 발전되었다.UML은 방법론을 통합한 것으로, 표준화된 모델링 기법을 제공한다.UML 도입 효과개발 기획과 산출물에 대한 확인프로그램 개발이라는 행위에 대해 전문가와 비전문가가 서로 대화할 수 있는 도구UML의 특징 (가구명문)특징설명가시화 언어개념 모델 작성 시 오류가 적고 의사소통이 용이구축 언어다양한 프로그래밍 언어로 실행 시스템의 예측 가능UML을 소스 .. 2024. 7. 5. 2024 #정보처리기사 필기요약 #1-1. 현행 시스템 분석 제 1과목 소프트웨어 설계 > 현행 시스템 분석플랫폼(Platform)공급자와 수요자 등 복수 그룹이 참여하여 각 그룹이 얻고자 하는 가치를 공정한 거래를 통해 교환할 수 있도록 구축된 환경플랫폼의 유형유형설명싱글 사이드 플랫폼(Single-Side Platform)제휴 관계를 통해 소비자와 공급자를 연결하는 형태투 사이드 플랫폼(Two-Side Platform)두 그룹을 중개하고 모두에게 개방하는 형태멀티 사이드 플랫폼(Multi-Side Platform)다양한 이해관계 그룹을 연결하여 중개하는 형태플랫폼의 기능소프트웨어 개발과 운영비용 감소, 생산성 향상플랫폼 성능 특성 분석 기법기법설명사용자 인터뷰현행 플랫폼 사용자 인터뷰를 통해 속도의 적정성 확인산출물 : 인터뷰 결과서성능 테스트현행 플랫폼 대상.. 2024. 7. 5. Kubernetes #쿠버네티스 시각화 자료 모음 쿠버네티스 내가 이해하려고 모아둔 쿠버네티스 시각화 그림들 쿠버네티스 클러스터의 파드 실행 구조 디플로이먼트, 레플리카셋, 파드의 관계 같은 포트를 가진 컨테이너가 하나의 노드에서 여러 파드로 실행되는 모습 파드가 서비스를 통해 다른 파드를 호출하는 방식 서비스가 셀렉터를 통해 파드를 선택하는 방식 인그레스 (Ingress) 를 통한 경로 기반 요청 분배 emptyDir을 이용한 파드 내부 임시 저장공간 공유 hostPath를 이용한 노드 저장소 사용 참고도서: 쿠버네티스 개발 전략 2023. 4. 23. Error #self.processResponse is not a function Chrome의 WhatRuns extension 을 사용하는 중이라 충돌되어 생긴 에러였고, extention 삭제 후 해결되었다. 참고출처: https://github.com/vercel/next.js/discussions/33355#discussioncomment-2072168 2023. 2. 2. css #왼쪽 오른쪽만 배경 이미지 블러처리 왼쪽 오른쪽만 아래처럼 이미지 투명 or 블러 처리를 box-shadow를 활용하여 구현한 코드를 기록해둔다. Side blur only creates left and right. I used CSS's box-shadow. html css .background { width: 100%; max-width: 1000px; position: relative; margin: auto; height: 100%; background-position: center bottom; background-repeat: no-repeat; background-color: #white; } .background:before, .background:after { content: " "; height: 100%; positio.. 2023. 1. 27. Swagger2 #영어 깨짐 현상 해결 Kotlin Spring 환경에 세팅된 Swagger2 화면에서 영어 깨짐 현상이 발견되었다. URI: http://localhost:8080/swagger-ui api/events/... => ​/api​/events​/... UTF-8 인코딩 문제로 의심되어 열심히 찾던 중 의외의 방법으로 해결되었다. URI: http://localhost:8080/swagger-ui/index.html URI에 index.html 를 추가하니 제대로 출력되었다. 참고자료 https://github.com/springfox/springfox/issues/3544 2023. 1. 12. Next.js #Image src - External CDN image is not visible Next.js src 에 외부 CDN(External) 정보를 넣으니 이미지 출력이 안되었다. 출력 방법은 간단하다. Image loader 를 사용하면 된다. import Image from 'next/image' const myLoader = ({ src, width, quality }) => { return `https://example.com/${src}?w=${width}&q=${quality || 75}` } const MyImage = (props) => { return ( ) } https://nextjs.org/docs/api-reference/next/image#loader next/image | Next.js Enable Image Optimization with the built-i.. 2022. 10. 6. React #Redux What Is Cross-Component / App-Wide State? Local State State that belongs to a single component E.g. listening to user input in a input field; toggling a "show more" details field Should be managed component-internal with useState() / useReduce() Cross-Component State State that affects multiple components E.g. open/ closed state of a modal overlay Requires "props chains" / "prop drilling" App-Wi.. 2022. 9. 24. 728x90 이전 1 2 3 4 5 6 ··· 35 다음 728x90
