코딩파인애플

개발환경 구축 및 공통 모듈 구현 게발환경 준비 해당 프로젝트의 목적과 구축 설계에 대한 명확한 이해 하드웨어, 소프트웨어 선정 개발에 사용되는 제품의 성능과 라이센스, 사용편의성 고려 개발을 위해 사용되는 소프트웨어의 종류와 특성 구현도구 테스트도구 형상관리도구 빌드도구 클라이언트 환경 구성 서버 시스템에서 제공하는 서비스를 활용하기 위해 사용자와의 인터페이스를 제공하는 하드웨어 PC, 웹브라우저, 모바일 서버 환경 구성 웹서버 - 클라이언트에서 요청하는 서비스의 속도를 향상시키기 위해 정적 파일등을 제공하는 서버 웹어플리케이션 서버 - 동적 웹 서비스를 제공하기 위해 사용 데이터베이스 서버 파일 서버 시스템 소프트웨어 운영체제 JVM - 응용프로그램을 기동하기 위한 인터프리터 환경 Web Server..

정보처리기사/정보처리기사 실기 2023. 4. 23. 02:31

제품 소프트웨어 메뉴얼 작성 및 제품 소프트웨어 버전등록 제품 소프트웨어 메뉴얼 제품 소프트웨어 개발단계부터 적용한 기준 패키징 이후 설치 및 사용자 측면에서의 주요 내용들을 문서로 기록 설치메뉴얼 작성의 기본 사항 사용자 기준으로 작성 최초 설치 및 실행 완료 까지 순차적으로 진행 각 단계별 메세지 및 해당 화면을 순서대로 전부 캡처 이상발생시 에러에 대한 분류 및 설명 작성 제품 소프트웨어 설치 환경 체크 항목 사용자 환경 응용프로그램 업그레이드 버전 백업 폴더 확인 제품 소프트웨어 설치 메뉴얼 내용 설치 화면 및 UI 설치 이상 시 메세지 설명 설치 완료 및 결과 FAQ 설치 시 점검 사항 네트워크 환경 및 보안 버전관리 소프트웨어 개발과 관련하여 코드와 라이브러리, 관련문서 등 시간으 변화에 따른..

정보처리기사/정보처리기사 실기 2023. 4. 23. 02:03

제품 소프트웨어 패키징 제품소프트웨어 패키징의 개념 개발이 완료된 제품 소프트웨어를 고객에게 전달하기 위한 형태로 패키징 설치와 사용에 필요한 제반 절차 및 환경 등 전체 내용을 포함하는 메뉴얼을 작성 제품 소프트웨어에 대한 패치 개발과 업그레이드를 위한 버전관리를 수행 제품소프트웨어 적용상의 특성 사용자 중심 버전관리 및 릴리즈 노트를 통해 지속적으로 관리 사용자의 실행환경을 이해하고 범용환경에서 사용이 가능하도록 일반적인 배포형태로 분류 소프트웨어 모듈 모듈 - 기능단위로 분해하고 추상화되어 재사용 및 공유가 가능한 수준으로 만듬 모듈화 - 소프트웨어의 성능을 향상, 디버깅, 시험, 통합, 수정을 용이하도록 하는 소프트웨어 설계 기법 기능의 분리 및 인터페이스가 단순 모듈 재사용으로 개발과 유지보수가..

정보처리기사/정보처리기사 실기 2023. 4. 23. 01:39

내외부 연계 모듈 구현 연계모듈 구현 환경 구성 및 개발 EAI/ESB EAI는 기업내 시스템들끼리 커뮤니케이션을 위한 미들웨어 시스템사이에 위치하여 서로 소통하며 관리의 효율성 증대 기업에서 운영되는 서로 다른 플랫폼 및 어플리케이션들 간의 정보 전달, 연계통합을 가능하게 해줌 EAI를 사용함으로써 각 비지니스간의 통합 및 연계성을 증대시켜 효율성을 높여준다. EAI Point to Point - 중간에 미들웨어를 두지않고 각 어플리케이션 간 포인트 투 포인트 형태로 연결 Hub & Spoke - 단일 접점이 허브 시스템을 통해 데이터를 전송하는 중앙 집중적 방식 Message Bus - 어플리케이션 사이에 미들웨어를 두어 처리 Hybrid - Hub & Spoke + Message Bus ESB 웹서..

정보처리기사/정보처리기사 실기 2023. 4. 23. 01:04

연계 데이터 구성 및 연계 매커니즘 구성 통합구현 단위 기능을 하는 모듈 간의 연계와 통합 송신시스템과 모듈 송신모듈 - 전송하고자 하는 데이터를 생성하여 필요에 따라 변환 후 송신 모니터링 - 데이터 생성 및 송신 상태를 모니터링 중계시스템 외부시스템 간의 연계, 인터넷망과 인트라넷망을 연결 중계 모듈-송신된 데이터의 오류처리, 수신 시스템의 데이터 형식으로 변환 또는 매핑 수신 시스템과 모듈 수신모듈 - 수신 받은 데이터를 정제하고 응용 어플리케이션이나 데이터베이스의 테이블에 적합하도록 변환 및 반영 모니터링-연계데이터의 수신 현황 및 오류처리, 데이터 반영을 모니터링 연계 데이터 데이터베이스의 테이블과 컬럼, 파일 등 네트워크 물리적인 망 (무선, 유선), ISP 송수신 규약을 위한 프로토콜 연계 ..

정보처리기사/정보처리기사 실기 2023. 4. 23. 00:06

데이터조작 프로시저 작성 및 테이터조작 프로시저 최적화 CREATE 오브젝트 생성 DROP 오브젝트 삭제 RENAME 오브젝트 이름 변경 ALTER 오브젝트 구조 변경 TRUNCATE 모든 행 삭제 INSERT 행 삽입 DELETE 행삭제 UPADTE 행 업데이트(수정) ROLE 권한 묶음용 GRANT 권한 및 롤 부여 REVOKE 권한 및 롤 회수 COMMIT 트랜잭션을 완료하여 데이터 변경사항을 최종 반영 ROLLBACK 데이터 변경사항을 이전 상태로 되돌리는 명령어 SAVEPOINT 특정지점 지정 PL-SQL 프로그래밍의 언어의 특성을 수용한 SQL의 확장 기능 컴파일 없이 스크립트 생성 및 변경 후 바로 실행 가능 식별자를 선언가능 프로그램개발을 모듈화 절차지향 구조로 된 프로그램을 작성 가능 에..

정보처리기사/정보처리기사 실기 2023. 4. 22. 23:28

자바스크립트(Javascript) 토글버튼(toggle button) 클릭시 사이드 메뉴 왼쪽에서 우측으로 나오게 하기! Toggle Menu Item 1 Menu Item 2 Menu Item 3 위에 코드 복사 붙혀넣으면 사이드 메뉴 생성 완료! 복사 붙혀넣기도 못하면 진로 다시 생각해봐야됨! 토글버튼 누르면 사이드메뉴나오고 메뉴창 이외의 공간 누르면 사이드메뉴 들어감! 끝!

웹/Javascript 2023. 4. 21. 16:08

제이쿼리(JQuery) 라이브러리 - slick 슬라이더 활용하기 ※위에 코드 형식에 맞게 삽입만 해도 슬라이더 나옴 제이쿼리(JQuery) 라이브러리 - slick 슬라이더 사용가능 옵션 옵션만 잘 사용해도 시간 안쓰고 쉽게 만들수 있음 외우지 마셈 인터넷에 치면 다 나옴 화면상에 아래와 같이 div 구역이 나오고 좌우로 클릭버튼이 있어 div를 하나씩 넘길 수 있음 이거 못만들면 문제 있는거임 끝!

웹/Javascript 2023. 4. 21. 15:34

폴더에 SVN을 설정하고 산출물 관리를 하다보면 갑자기 충돌이나고 Previous operation has not finished; run 'cleanup' if it was interrupted 에러를 마주한다. clean up 하려면 "Cleanup failed to process the following paths: Previous operation has not finished; run 'cleanup' if it was interrupted Please execute the 'Cleanup' command. " 나옴 하지만 클린업 해도 아무것도 안됨 하지만 방법이 있음 궁서체임 일단 작업해둔 파일을 백업을 먼저 해야됨 다른 폴더나 바탕화면에 해두어야됨 이게 가장 중요함!!! 이거 안하면 그냥 하..

CI&CD/SVN 2023. 4. 19. 10:00

Key Code Reference 0 10 20 Caps Lock 30 40 Arrow Down 1 11 21 31 41 2 12 22 32 42 3 13 Enter 23 33 Page Up 43 4 14 24 34 Page Down 44 5 15 25 35 End 45 Insert 6 16 Shift 26 36 Home 46 Delete 7 17 Ctrl 27 Esc 37 Arrow Left 47 8 Backspace 18 Alt 28 38 Arrow Up 48 0 9 Tab 19 Pause/Break 29 39 Arrow Right 49 1 50 2 60 70 f 80 p 90 z 51 3 61 =+ 71 g 81 q 91 Windows 52 4 62 72 h 82 r 92 53 5 63 73 i 8..

웹/Javascript 2023. 4. 18. 09:56

논리 데이터저장소 및 물리 데이터 저장소 설계 논리데이터 저장소 (추상적인 데이터 저장소) 데이터 및 데이터간의 연관성, 제약조건을 식별하여 논리적 구조로 조직화 하여 모델링 표기법으로 형상화한 데이터의 저장소 물리데이터 저장소 논리데이터 저장소에 저장된 데이터와 구조들을 DBMS 의 특성을 고려하여 저장한 하드웨어적 저장장치 데이터 모델링 실체(Entity)와 관계(Relation)를 중심으로 명확하고 체계적으로 표현하여 문서화하는 기법 사용자, 설계자, 개발자 간에 효율적인 의사소통 수단을 제공 데이터 체계 구축을 통한 고품질 소프트웨어와 유지보수 비용의 감소효과를 기대 업무흐름 파악이 용이 데이터 모델링 절차 개념 데이터모델링 - 전사의 정보요건을 표현한 상위수준의 모델 논리 데이터 모델링 - 엔티..

정보처리기사/정보처리기사 실기 2023. 4. 16. 21:31

요구사항 및 분석모델 확인 요구공학 요구사항을 정의하고 문서화하고 관리하는 프로세스를 의미한다. 요구사항 개발 프로세스 도출 -> 분석 -> 명세 -> 확인 도출 - 다양한 이애관계자와 효율적인 의사소통이 중요 분석 - 요구사항들이 상충되는 것을 해결하고 소프트웨어의 범위파악, 개념모델링 명세 - 체계적으로 검토 및 평가, 승인 될 수 있는 문서를 작성 (시스템 정의서, 시스템 요구사항 명세서, 소프트웨어 요구사항 명세서) 확인 - 표준에 적합하고 일관성 있고 완전히 검증 분석단계 요구사항 개발 프로세스중 요구사항들간의 상충되는 것을 해결하고 소프트웨어의 범위를 파악하는 단계 요구사항 분석기법 요구사항의 분류 개념모델링 - UML (Unified Modeling Language) 시나리오로 나타냐기 위에..

정보처리기사/정보처리기사 실기 2023. 4. 16. 20:39

현행시스템 분석 - 요구사항 확인 현행시스템 분석에서 가장 먼저해야 할 일은 현행시스템 파악! 개발하고자 하는 응용소프트웨어에 대한 이해를 높이기 위해 현행시스템이 적용된 현황을 파악함으로서 개발범위와 향후 개발될 시스템으로의 이행 방향성을 분석 운영체제, 미들웨어, 데이터베이스의 요구사항 식별 목표시스템을 구체화와고 명확하게 하기 위함 현행시스템의 파악의 목적 향후 개발하고자 하는 시스템의 이행방향성과 개발범위를 설정하기 위함 현행시스템 파악절차 현행시스템의 구성 현황 형행시스템의 구성현황의 정의 현행 시스템 구성현황 작성시 고려사항 기능 현황 단위 업무시스템이 현재 제공하고 있는 기능을 기술한 것 주요 기능과 하부 기능으로 구분하여 게층형으로 표시 인터페이스 현황 단위업무 시스템이 다른 단위 업무시스..

정보처리기사/정보처리기사 실기 2023. 4. 16. 20:03

리액트[React]_함수컴포넌트와 useState를 활용한 구구단 프로그램 만들기(feat. Fragment 활용) 오늘은 리액트 함수컴포넌트와 useState를 활용하여 구구단 프로그램을 만들어보고 더욱 깔끔한 클린코딩을 위한 Fragment활용에 대해서도 함께 알아보도록 하겠습니다. 함수 컴포넌트 생성 과정 및 방법 위처럼 함수를 하나 만들고 const를 통해 변수를 만든다. const에 [useState(변수), setuseState(저정할 변수값)] = React.useState(['1', '2', '3', '4', '5',]) if(useState) 를 통해 조건을 만들어 줄 수 있다. 즉, useState일떄 return에 무엇을 표시할지 정한다. 마지막 retrun에는 조건문에도 걸리지 않는..

웹/React 2023. 2. 20. 00:52

class ReactButton extends React.Component { }; function ReactButton() { }; // 대부분 화살표 방식으로 사용 const ReactButton = () => {}; 리액트 구성방식 3가지 리액트에서 사용할 방식중에 클래식방식, 함수 방식, 애로우 방식이 있습니다. 실무 및 현재 가장 많이 사용되는 방법은 애로우 방식으로 3번째 => 를 이용한 방식을 대부분 채택하고 있습니다. 위의 코드가 실행되게 되면 아래의 오류가 발생하는데 현재는 리액트 18버전으로 업데이트 되어 이전 17버전을 사용할 수 없습니다. Warning: ReactDOM.render is no longer supported in React 18. Use createRoot inste..

웹/React 2023. 2. 19. 16:52

DOM(Document Object Model)과 Document.ready와 Window.onload의 차이에 대해서 알아보도록 하겠습니다. DOM(Document Object Model) DOM(Document Object Model) 즉, 돔이라고 일반적으로 말하며 돔(DOM)은 일반적으로 우리가 쉽게 접하는 인터넷 브라우저 안의 웹 페이지에 대한 인터페이스입니다. 기본적으로 여러 프로그램들이 페이지의 구조 및 이미지, 색상, 그리고 프로그램의 기본적은 틀의 구조를 구성하게 해주며 자신이 원하는 페이지의 구조와 이미지 등을 꾸며주는 CSS 즉, 스타일을 읽고 조작할 수 있도록 API를 제공하고 있습니다. DOM(Document Object Model) 객체를 이용한 웹페이지 생성 과정 웹 브라우저가..

웹/React 2023. 2. 18. 16:16