본문 바로가기

전체 글100

[Vanila js] 검색 기능 구현하기 Branch - ready/search-form-1앞선 포스팅의 작업이 제대로 되었다면 main 브랜치에서1. git checkout -b ready/search-form-12. 코드 작성3. git add .4. git commit -m "feat: 내용"5. git push origin ready/search-form-1이후 PR 날리고 Rebase Merge 하기.git bash에서 코드로 할 수도 있지만, 협업 중 코드 리뷰를 하는 과정이 있음.그래서 직접 github 사이트에서 Merge하는 것에 익숙해지기 앞으로 모든 작업은 위 과정을 반복해서 branch를 업데이트 할 예정  // index.html // main.jsdocument.addEventListener("DOMContentL.. 2024. 7. 31.
[Vanila.js] 사전 코드 이해하기 강사님이 미리 구현해 둔 서비스 branch : ready/scaffodingIn Memory DB추천 검색어, 검색 기록, 상품 데이터Utility시간관련 UtilDOM Event를 활용한 Util기본적으로 JS에서 제공하는 기술들을 모듈화했다고 보인다.Model이후에 비즈니스 로직 및 중요 로직이 담길 것으로 보임.View정적 페이지 정보를 렌더링(수정)하는 페이지Utility를 활용해 기본적인 기능이 제공된다.ControllerView에 작성될 내용을 제어Model의 비즈니스 로직을 활용하거나 따로 서비스 로직을 작성할 듯 2024. 7. 31.
[Vanila.js] 환경셋팅 1 우아한 형제들에서 근무 중이신 프론트 개발자 김정환님의 강의를 기반으로 작성합니다.인프런 강의 제목은 '만들고 비교하며 학습하는 리액트'입니다. 해당 강의는 깃을 사용하며 Branch별로 강의를 해주십니다. 학습을 하기 위해 먼저 git을 fork합니다. fork가 잘되었다면, 강사님이 만들어 둔 branch로 이동할 수 없습니다.우선 fork한 내 레파지토리를 clone하고 해당 폴더로 이동해서 git bash를 실행합니다.그리고 아래와 같은 명령을 작성합니다. 1. git remote add upstream https://github.com/jeonghwan-kim/lecture-react.git2. git fetch upstream3. git checkout -f upstream/ready/scaf.. 2024. 7. 30.
[Vanila.js] 환경셋팅2 1. VS 코드를 설치한다.2. Node.js를 설치한다.2-1. npm --version 으로 환경변수 설치가 잘되었는지 확인한다.3. Git Bash를 설치한다. (선택, 프로젝트 관리하려면 설치)4. npx lite-server --baseDir "폴더명" or npx lite-server ※ 주의 (windows 환경)Node.js의 경로를 커스텀 영역에 설치 시, 실행이 안된다.1. Ctrl + r -> %appdata% -> 새폴더 생성(이름: npm) 2. System 환경변수에서 해당 node js의 custom 영역을 path 변수에 추가한다.나는 사용자 영역에 추가했다. ※ TipVsCode에서 code . 으로 실행하려는데 안된다.Ctrl + shift + p 로도 code 를 검색해.. 2024. 7. 30.
[실기 후기] 정보처리기사 가채점 결과 3문제가 틀렸다. 총 공부 시간은 블로그에 작성한 모의고사 끝이다.전공자의 경우, 코딩만 준비가 되어있으면 하루만 공부해도 될 것 같다.  나는 22년도부터 24년까지 모의고사를 풀어봤는데 개인적으로 23년 2회, 3회와 비슷한 합격률을 보이지 않을까 싶다. 1. 코드가 상당히 어려울 수도 있다.재귀를 이용한 메모제이션 기법이 나왔다.그 외 포인터가 다양하게 나왔다. 2. 이론네트워크, 보안만 공부했으면 됐을 것 같다. 이전 회차에 비해 코딩 : 상, 이론 : 하아무래도 비전공자가 많이 응시했다면 합격률이 좀 낮을 것으로 예상된다. 2024. 7. 30.
[실기] 정보처리기사 22년 1회 기출 오답노트 1번RAID에 대해 적은 것이 있따.RAID 0스트라이핑 방식중복 저장이 안되므로 데이터가 유실될 수 있다.패리티가 없어서 에러검출이 안된다.RAID 1미러링 방식중복 저장이 된다.신뢰도가 높다. 다만 용량적인 문제RAID 2스트라이핑 RAID1에서 해밍코드로 에러검증RAID 3스트라이핑 바이트 단위 패리티로 에러검증RAID 4블록 단위RAID 5패리티 블록을 각 디스크마다 분산 저장RAID 6패리티 블록을 이중구조로 구축틀리라고 낸 문제 같다.3번REDODB가 비정상적 종료 시 디스크에 저장된 로그를 분석트랜잭션 시작과 완료의 기록이 있는 트랜잭션들의 작업을 재작업로그를 이용해 해당 데이터 항목에 대해 이전 값을 이후 값으로 변경UNDOcommit 기록이 없는 트랜잭션들이 작업한 내용들을 모두 취소로그.. 2024. 7. 28.
[실기] 정보처리기사 22년 2회 기출 오답노트 1번관계대수원하는 정보와 그 정보를 검색하기 위해 어떻게 유도하는가를 기술절차적인 언어, 릴레이션 처리연산자와 연산 규칙을 제공피연산자와 연산 결과가 모두 릴레이션해를 구하기 위한 연산의 순서를 명시순수 관계 연산자와 일반 집합 연산잦가 있음.관계해석 (Relational Calculus)수학의 술어 해석(Predicate Calculus)에 기반을 두고 관계 데이터 베이스를 위해 제안원하는 정보가 무엇이라는 것만 정의함비절차적 특성을 지니고 원하는 정보 정의 시 계산 수식을 사용튜플 관계해석과 도메인 관계해석으로 구분10번소프트웨어 개발 단계 -> 테스트 단계요구사항 -> 분석 -> 설계 -> 구현 ->단위 테스트 -> 통합 테스트 -> 시스템 테스트 -> 인수 테스트시스템 테스트, 인수 테스트 잘 기.. 2024. 7. 28.
[실기] 정보처리기사 23년 2회 기출 오답노트 8번 - 오답노트 먼저 안적고 테스트해서 틀림23년 3회차 2번 보면 됨12번후진 오류 정정 (Backward Error Correction, BEC)수신측에서 송신측으로 오류가 났다고 알림역방향 채널을 통해 송신 측에 재전송을 요구Parity, CRC 등으로 오류 검출ARQ(자동 반복 요청)로 오류 정정Stop-wait, Continuous(Go-Back-N, SR), Adaptive(적응적)ack 응답과 nak 응답으로 긍정 부정 응답 전진 오류 정정 (Forward Error Correction, FEC)수신측에서 송신측의 오류를 고침Hamming Code를 사용해서 오류 검출 후 수정 하나의 데이터 단위에 패리티 비트를 추가해 오류 검출2bit의 오류를 검출할 수 있고 1bit의 오류를 교정함.자.. 2024. 7. 28.
[실기] 정보처리기사 23년 3회 기출 오답노트 2번22년 3회차 10번에 이어서 공부하면 좋음SSH (Secure Shell, 시큐어 셸)다른 컴퓨터에 로그인, 원격 명령, 파일 복사등 다양한 기능을 지원하는 프로토콜데이터 암호화, 강력한 인증으로 보안성 낮은 네트워크에서도 통신 가능클라이언트의 공개키를 서버에 등록해야 함.키 인증 시22번 포트 사용TCP 접속으로 함FTP : 21, TELNET : 23, SMTP : 25, DNS : 53, HTTP : 80템퍼 프루핑 (Tamper Proofing)소프트웨어 위, 변조가 발생 시 SW를 오작동하도록 만듦악용을 방지함, 해시 함수, 핑커 프린트, 워터마킹 등 보안 요소를 생성 후 SW에 삽입실행 코드 난독화, 실행 시 원본과 비교하거나 데이터를 확인하면서 SW 보호OAuth (Open Author.. 2024. 7. 28.

티스토리툴바