view all6 [패스트캠퍼스X야놀자 프론트엔드 개발 부트캠프] 미니 프로젝트 ✨ 미니 프로젝트 📌 개요 숙박 예약 서비스 숙박을 예약 및 결제할 수 있는 서비스를 만들고, 코드 리뷰 후 리팩토링을 진행한다. 🏠 구현 회원가입 / 로그인 메인 검색 결과 숙소 상세 장바구니 결제 예약 조회 / 위시 리스트 ☄️ 트러블 슈팅 배포 시 CSS 적용 안 되는 오류 개발 환경에서는 문제없이 잘 적용되었던 css가 배포를 했더니 깨지는 현상이 발생했다. css가 제대로 적용되지 않았던 컴포넌트는 모두 react-slick 캐러셀 라이브러리를 사용한 컴포넌트였다. 캐러셀의 크기가 비정상적으로 크게 나타나 이미지가 제대로 나타나지 않았고, 버튼으로 넘어가는 방식이 아닌 세로로 모든 이미지가 펼쳐지는 오류가 나타났다. 구글링을 통해 여러 조사를 해보았고, 배포 시 일부 css가 제대로 나타나지 않.. 2023. 12. 19. [CS] 컴퓨터구조 - CPU 작동원리 CPU 구성 연산장치(ALU) : 산술 연산 & 논리 연산 수행하는 장치 제어장치(Control Unit) : 명령어를 순서대로 실행할 수 있도록 제어하는 장치 레지스터(Register) : 명령어 주소, 코드, 연산에 필요한 데이터, 연산 결과 등을 임시로 저장하는 고속 기억장치 동작 과정 주기억장치가 입력장치에서 입력받은 데이터나, 보조기억장치에 저장된 프로그램을 읽어온다. CPU가 프로그램을 실행하기 위해 주기억장치에 저장된 프로그램 명령어와 데이터를 읽어와 처리하고, 처리 결과를 다시 주기억장치에 저장한다. 주기억장치가 처리 결과를 보조기억장치에 저장하거나 출력장치로 보낸다. 제어 장치가 위 1 ~ 3 과정에서 명령어가 순서대로 실행되도록 각 장치를 제어한다. 명령어 세트 → CPU가 실행할 명령.. 2023. 10. 14. [CS] 컴퓨터구조 - 컴퓨터의 구성 하드웨어 : 기계적 장치 중앙처리장치(CPU) : 컴퓨터 시스템 전체를 제어하는 장치로서, 입력장치에서 데이터를 입력 받아 처리한 후 출력장치와 기억장치로 데이터를 전달 - 연산장치(ALU): 산술 연산(사칙연산)과 논리연산(참과 거짓 판단)을 수행하는 장치 - 제어장치: CPU 내부에서 일어나는 모든 작업 통제 및 관리 - 레지스터: 연산 중간 값, 명령어 등 일시적으로 저장하는 임시 기억 장치 기억장치(Memory) - 주기억장치(내부 기억장치): 컴퓨터 시스템에서 수행되는 프로그램과 수행에 필요한 데이터를 기억하는 장치 RAM - 보조기억장치(외부 기억장치): 반영구적으로 데이터를 저장하고 보존할 수 있는 장치 하드 디스크, 플로피 디스크, CD-ROM, DVD 입출력장치(I/O) - 입력장치: 컴.. 2023. 9. 19. [CS] 컴퓨터구조 - 컴퓨터 구조 기초 폰 노이만 구조 정의 오늘날의 컴퓨터는 대부분 폰 노이만 구조를 따른다. 폰 노이만 구조는 크게 CPU - Memory - Program로 구성된다. CPU와 메모리를 분히라여 명령어를 따로 저장하는 프로그램 내장 방식이다. 동작 명령어 실행 사이클 명령어 가져오기 (IF, Instruction Fetch): 기억장치로부터 명령어를 가져온다. 명령어 해석 (ID, Instruction Decode): 앞서 가져온 명령어가 어떤 명령어인지 해석을 진행한다. 피연산자 인출(OF,Operands Fetch): 명령의 실행에 필요한 정보를 기억장치에 접근해 가져온다. 명령어 실행 (EX, Instruction Execution): 앞서 가져온 연산자와 데이터를 가지고 연산을 수행하고 저장한다. 인터럽트 체크 →.. 2023. 9. 19. 이전 1 2 다음
