공부/타입스크립트로 함께하는 웹 풀 사이클 개발(React, Node.js) (84) 썸네일형 리스트형 실무에 쓰이는 CS 지식 기초(2) 컴퓨터 구조의 설계와 구현컴퓨터 하드웨어의 구성중앙처리장치 - CPU 9Central Processing Unit)주기억장치 - Memory (RAM/ROM)보조기억장치 - Storage (HDD, SSD, optical discs, magnetic tapes, ...)입출력장치 - I/O Devices (keyboard, mouse, display, printer, network, ...)중앙처리장치 (CPU)제어장치 - 명령어를 해석하여 그 실행에 필요하 ㄴ제어 신호를 발생시킴ALU - 산술 및 논리 연산 등을 수행레지스터 - 연산의 대상 (operand) 및 연산 결과 등을 저장명령어 집합 구조ISA (Instruction Set Architecture)마이크로프로세서가 인식해서 기능을 이해하고 .. 프로젝트: 오픈소스 기반의 웹 파이프라인 구축(10) BE 구조 설계서소프트웨어 구조 설계서구조 설계서 (Architecture Design Specification)소프트웨어의 구조 설계를 기술하고 정의하는 문서소프트웨어 개발 과정에 있어 가장 중요한 기준프로젝트 초기 단계에서 필수적으로 산출해야 하는 문서사용자 인증 및 인가사용자 인증 및 정보의 보호사용자 인증 (User Authentication)인증 정보 (credentials) 를 제출하도록 하여 유효한 사용자인지를 확인하는 절차가입시 사용한 이메일 주소와 결부된 “암호화된 비밀번호” 를 비교사용자 인가 (User Authorization)특정 자원 (노트) 에 접근하고자 하는 사용자가 이 자원에 대한 권한을 가지고 있는지를 확인하는 절차현재 로그인하고 있는 사용자의 id 를 노트의 소유자 id .. 프로젝트: 오픈소스 기반의 웹 파이프라인 구축(9) 응용 구조의 설계전체 응용의 구성FrontendReact 응용으로 만들어져 UI 에 해당하는 부분을 서비스Backend 로 향하는 API 호출은 브라우저의 js 실행에 의해서 이루어짐 🡨 이 코드를 FE 가 제공BackendExpress 응용으로 만들어져 데이터베이스를 이용한 데이터 모델을 서비스JWT (JSON Web Token) 를 이용한 사용자 인증을 통해 데이터 접근을 보호CORS (Cross-Origin Resource Sharing) 정책을 통해 악의적인 접근을 방지Database'prgms_notes' 라는 이름의 데이터베이스에 두 개의 테이블을 포함개발 환경의 구성코드를 변경할 때마다 로컬 테스트 환경에 배포하는 것은 부담스러운 일시간 소요: 개발 작업의 효율성이 떨어짐환경 설정 및 디버.. 프로젝트: 오픈소스 기반의 웹 파이프라인 구축(8) 웹 기반 문서 편집기 제작 프로젝트강의 목표React와 Express를 이용한 통합 프로젝트 수행지금까지 배운 기술을 활용하여 데이터베이스와 사용자 인터페이스를 포함하는 웹 응용 개발실제 사용을 염두해 둔 서비스를 개발 및 통합 (빌드, 테스트, 배포) 하는 과증을 자동화 파이프라인으로 구축웹 개발 프로세스를 개발자 관점에서 이해소프트웨어 개발자로서 직접 맡아서 해야 할 일들과 그 범위타 팀 (예:DevOps)에서 수행하는 코드 개발 이외 업무에 대한 이해이것을 잘 알고 있는 것은 역할 정의 및 부드러운 협업과 효율 향상에 필요한 일프로덕션 환경을 고려한 응용 소프트웨어의 설계와 구현에서 염두해 두어야 할 점개발자로서 서로 다른 환경 구성에 주의해야 할 부분학습 포인트React 및 Express를 활용한.. 프로젝트: 오픈소스 기반의 웹 파이프라인 구축(7) 오픈소스 배포하기npm에 오픈소스 라이브러리 배포하기https://www.npmjs.com/ npm | HomeBring the best of open source to you, your team, and your company Relied upon by more than 17 million developers worldwide, npm is committed to making JavaScript development elegant, productive, and safe. The free npm Registry has become the center of Javawww.npmjs.comnpm publish버전 업데이트시 배포하는 명령어npm unpublish 패키지이름@버전이렇게 하면 패키지이름의 버전의.. 프로젝트: 오픈소스 기반의 웹 파이프라인 구축(6) 오픈소스 프로젝트 만들어보기오픈소스 프로젝트 주제선정가장 좋은 오픈소스 == 개발 과정에 필요성을 해소하는 주제정한 주제가 없다면복잡한 구동과정 없이 결과를 확인 할 수 있음확장성이 있는 기능오픈소스 프로젝트 저장소 생성 및 설정git push origin main작성시 매번 origin main이 작성하기 싫다면git push를 작성하면 명령어가 하나 뜨는데,git push --set-upstream origin main이 명령어를 사용하면 origin main을 생략하고git push만으로도 깃에 push가 가능하다.오픈소스 문서 템플릿 및 README 작성 프로젝트: 오픈소스 기반의 웹 파이프라인 구축(5) 실전 오픈소스 프로젝트 기여 방법 for challengers추천 오픈소스 프로젝트추천 라이브러리https://github.com/react-icons/react-icons GitHub - react-icons/react-icons: svg react icons of popular icon packssvg react icons of popular icon packs. Contribute to react-icons/react-icons development by creating an account on GitHub.github.com https://github.com/Hacker0x01/react-datepicker GitHub - Hacker0x01/react-datepicker: A simple and.. 프로젝트: 오픈소스 기반의 웹 파이프라인 구축(4) first-contributions 프로젝트 기여해보기https://github.com/firstcontributions/first-contributions GitHub - firstcontributions/first-contributions: 🚀✨ Help beginners to contribute to open source projects🚀✨ Help beginners to contribute to open source projects - firstcontributions/first-contributionsgithub.com한국어 버전https://github.com/firstcontributions/first-contributions/blob/main/translations/README.ko.m.. 이전 1 2 3 4 ··· 11 다음
