미농의 하루 미농의 하루

1-1. 요구사항 분석 https://minjh1126.tistory.com/441-2. 현행시스템 분석 https://minjh1126.tistory.com/451-3. 요구사항 확인 https://minjh1126.tistory.com/46 1. UI 요구사항 확인1. UIUI(User Interface): 넓은 의미로는 사용자와 시스템 사이에서 의사소통할 수 있도록 하는 물리적 가상적 매개체. 좁은 의미로는 화면 등에서 사람이 접하는 뷰.UX(User eXperience)는 UI를 포함하고 있음.2. UI 유형CLI(Command Line Interface): 정적인 텍스트 기반. cmd처럼 명령어를 텍스트로 입력해 조작.GUI(Graphic User Interface): 그래픽 환경을 기반으로 마..

1-1. 요구사항 분석 https://minjh1126.tistory.com/44 1-2. 현행시스템 분석 https://minjh1126.tistory.com/45 1. 요구사항1. 요구사항 개념요구공학: 사용자의 요구가 반영된 시스템을 개발하기 위한 요구사항 도출, 분석, 명세, 확인, 검증 절차.요구사항 분류개념구분기능적 요구사항비기능적 요구사항개념시스템 제공 기능, 서비스 요구사항시스템 기능 이외의 사항, 시스템 구축의 제약 사항도출 방법특정 입력에 대한 시스템 반응 및 동작 기술품질 속성에 관해 갖춰야할 사항, 제한 조건 기술특성기능성, 완전성, 일관성신뢰성, 사용성, 효율성, 유지보수성, 이식성 등 2. 요구공학 프로세스개발 단계 구성요구사항 도출요구에 대한 정보 식별 및 수집 방법 결정. 수..

1-1. 요구사항 분석 https://minjh1126.tistory.com/44 1. 현행 시스템 파악현생 시스템 파악: 사용하고 있는 소프트웨어 및 하드웨어, 네트워크 구성 등을 파악.절차구성, 기능, 인터페이스 파악아키텍처 및 소프트웨어 구성 파악하드웨어 및 네트워크 구성 파악소프트웨어 아키텍처: 소프트웨어의 구성 요소, 그 특성 중 외부에 드러나는 특성, 구성 요소 간의 관계를 표현.소프트웨어 아키텍처 프레임워크: 소프트웨어 집약적인 시스템에서 아키텍처가 표현해야 하는 내용과 관계를 제공하는 아키텍처 표준 기술. 구성 요소아키텍처 명세서: 아키텍처를 기록하기 위한 산출물. 뷰로 표현. 개발 뷰, 뷰 개괄 문서, 인터페이스 등.이해 관계자: 시스템 개발과 관련된 모든 사람과 조직.관심사: 이해관계자..

1. 개발 방법론 1. 소프트웨어 생명주기 모델 소프트웨어 생명주기(SDLC): 시스템 요구분석 ~ 유지보수까지 체계화한 절차. 처음 소프트웨어를 계획하고 소프트웨어를 없앨 때까지 품질을 유지하기 위해 단계별로 나눔.소프트웨어 생명주기 순서요구사항 분석: 소프트웨어의 기능, 제약 조건 등 요구되는 조건 등을 결정.기능 요구사항 - 기능적인 사항 (사용자 입장에서 어떤 기능을 넣어달라 등)비기능 요구사항 - 기능적이지 않은 사항 (처리 속도, 메모리 용량 등)설계: 시스템 명세 단계의 기능들을 실제로 수행하게끔 논리적인 방법 결정 (시스템 구조, 프로그램, UI 설계)구현: 실제적인 프로그래밍 (인터페이스 개발, 자료구조 개발, 오류 처리)테스트: 검사, 평가 (단위 -> 통합 -> 시스템 -> 인수)유지..

기존의 코드는 이쪽: https://minjh1126.tistory.com/41 1. React 기본 설정 & State 이해하기 어느덧 4학년의 첫 학기 개강을 했습니다. 그러다 보니 이제 슬슬 졸업 준비를 해야 하는데, 저희 학교 같은 경우에는 캡스톤이 졸업 필수라 팀에 참여했습니다. 근데 다들 저보다 너무 잘해서... minjh1126.tistory.com ( 기존 코드는 노마드 코더의 react 강의를 참고했습니다.) 캡스톤 준비 때문에 한창 바쁜 와중입니다. 순수 React만 써봤는데, 그 때는 작은 프로젝트이다 보니 괜찮았지만 캡스톤 같이 큰 프로젝트에서는 상태 관리가 어려울 거라고 친구가 알려주더라고요. 그래서 이 라이브러리를 사용하기로 했습니다. 친구는 이미 많은 사용해본 것 같지만 저는 ..

이번에는 리액트를 사용해 TodoList를 만들었습니다. 확실히 전에 Javascript로 만들었던 때와 코드 라인 수 자체가 적고 간편하게 만들 수 있더라고요. 이래서 다들 리액트 리액트 하시나 봐요. 이번 기회에 조금 확실히 알게 되었습니다. useEffect를 사용한 줄 알고 포스팅을 해야겠다! 하고 적기 시작했는데 안 썼네요... 머쓱. 그래도 옛날에 CRUD 게시판을 만들 때 map() 함수 때문에 아주 개고생을 했던 경험이 있기 때문에, 이를 한 번 적어보도록 하겠습니다. 1. map? 코딩이나 프로그래밍을 해보셨다면 많이 들어보거나 써보셨을 기능이죠. 특히 코딩테스트 준비로 백준이나 등등 문제 풀이에서는 절대 빠질 수 없는 개념입니다. 우선 그동안의 map의 개념이 무엇인지 보자면 값을 저장..

어느덧 4학년의 첫 학기 개강을 했습니다. 그러다 보니 이제 슬슬 졸업 준비를 해야 하는데, 저희 학교 같은 경우에는 캡스톤이 졸업 필수라 팀에 참여했습니다. 근데 다들 저보다 너무 잘해서... 다급하게나마 공부를 해보려 합니다. 스크럼 경험 같은 부분은 이론 밖에 모르는지라 진행 방식 같은 쪽만 열심히 보고, 실질적으로 중요한 실력을 좀 쌓아보려고 해요. 이번에 프론트엔드로 참여하게 되어서 React를 최대한 빠르고 정확하게 공부해 보겠습니다. 1. 기본 설정 우선 vscode에서 파일을 하나 생성해 줍니다. 파일 속의 파일 형태로 작업하고 싶지 않다면 그냥 진행해 주셔도 됩니다. 터미널을 켜서 npx create-react-app 파일이름(새로운 파일) 을 적어 React의 기본 형태를 깔아줍니다. ..

백준 1620 링크: https://www.acmicpc.net/problem/1620 1620번: 나는야 포켓몬 마스터 이다솜 첫째 줄에는 도감에 수록되어 있는 포켓몬의 개수 N이랑 내가 맞춰야 하는 문제의 개수 M이 주어져. N과 M은 1보다 크거나 같고, 100,000보다 작거나 같은 자연수인데, 자연수가 뭔지는 알지? 모르면 www.acmicpc.net 1. 문제 앞부분이 장황하게 설명되어 있지만 생각보다 문제는 간단합니다. 그러니 마지막 문단까지 쭉 내려주셔도 됩니다. 다솜이의 도감을 만들어주기 위한 코드인데, 번호나 문장이 주어지면 도감에서 찾아 그 수나 이름을 출력해주면 됩니다. 우선 입력은 n, m으로 들어옵니다. n은 처음에 몇 마리의 포켓몬을 도감에 넣을 것인지 알려줍니다. 그래서 그 ..