노트

JavaScript예외 상황(Exception)런타임 때 발생할 수 있는 의도치 않은 상황흐름 제어 시 발생할 수 있는 예외 상황이므로 이를 이해하여 코드 레벨에서 대응해야 함.예외 상황을 핸들링하지 않는다면 기능이 동작하지 않거나 애플리케이션이 shout down 될 수 있음.예외의 원인언어 레벨에서부터 외부 요인까지 다양코드 레벨하드웨어, 디바이스 문제라이브러리 손상사용자의 입력 실수예외의 종류ECMAScript Error자바스크립트 언어에서 발생하는 Error TypeRangeError: 값이 집합에 없거나, 허용 범위가 아닐 때ReferenceError: 존재하지 않는 변수 참조 시SyntaxError: 문법을 지키지 않았을 때TpyeError: 값이 기대한 자료형이 아니어서 연산이 불가능할 때D..

JavaScript브라우저 개발자 도구F12 키 또는 Ctrl + Shift + i를 누르면 확인할 수 있으며, 여러 탭으로 나뉨.Elements: 로드된 파일의 소스Console: 자바스크립트를 실행시킬 수 있음.Sources: 현재 브라우저에 로딩된 모든 소스코드를 확인 가능Network: 네트워크 통신이 일어났을 때 네트워크 통신 로그 확인 가능Performance: 웹의 성능을 확인Memory: 메모리 누수 등을 확인 가능Application: 브라우저의 저장 기능을 확인이외에 Securiy, Lighthouse, Recorder, Performance insights 등의 기능이 있음브라우저 디버깅이슈(or bug, error): 개발 중에 발생하는 예기치 않은 상황디버깅: 이러한 이슈를 분석 ..

이번주 강의에선 HTML의 여러 태그들과 CSS 등을 사용하여 반응형 웹 대해 알려주셨다.개인적인 실습으로 지인이 모바일 명함 관련 플젝을 한 번 해보자고 해서일단 생각나는 대로 틀만 만들어 봤다.아직 여러 이벤트를 등록하지 않아서 동적인 움직임 없이 고정된 상태이지만요소들의 배치와 눌렀을 때 어떻게 변화시킬지를 생각하고 코드를 작성하는데 굉장히 오래 걸렸다.구현하고 싶은 디자인과 기능은 많지만 머릿속에 있는 걸 표현해 내는 구현력이 많이 부족한 것 같다 :( 오늘은 여기까지 내일 자격증 시험부터 끝내고,,

강의 내용 중 CSS를 통한 이미지를 넣을 때 div에 background로 링크를 추가하고 거기서 크기와 위치를 조절하는 방법을 보고 꽤 괜찮은 방법이라고 느꼈다.  대부분의 상황에서 이미지는 프로필 사진, 배경사진, 버튼의 아이콘 등으로 요소의 구조안에 이미지를 사용할테니 단독으로 이미지만 사용하는 경우가 아니라면 HTML의 img태그를 사용하는 것보다 직관적인 방법인 것 같다.  그리고 오늘 멘토님과 커피챗에서 내가 작성한 사전 질문들이 좀 딱딱한 것 같아서 걱정하고 있었는데 편히 말할 수 있게 무겁지 않은 분위기로 이끌어 주셔서 감사했다. 오늘 커피챗을 내용은 크게 두 가지인 것 같다.1. 커뮤니케이션은 매우 중요한 능력! 개발자는 팀원뿐만 아니라 타 팀과 협업도 많이 하고 사용자와도 소통해야 하..

HTML 작성시 주의사항1. 대소문자 주의하기태그는 가능한 소문자로 작성2. 닫는 태그 생략 주의콘텐츠를 가지는 태그는 닫는 태그가 필수적3. 한글 사용 주의개발은 영어로 작성하기4. id는 중복되지 않도록 할 것id는 한 문서, 한 페이지 내에 한 번만 나와야 하는 고유한 것5. 계층 구조 유지코드는 가독성이 좋아야 함.계층을 잘 지키면서 개발하면 코드가 복잡해졌을 때 유지보수를 하기가 훨씬 수월 함.6. 동일한 의미의 태그 중첩 금지b와 strong 태그 중복 사용, a 태그 안에 button 태그의 중첩 등동일한 기능, 의미를 가지는 태그를 중첩해서 사용하는 건 지양해야 함.

Node.js에 DB 연동 후 데이터 조회, 삽입 먼저 docker를 통해 mariadb를 설치하고 Tennis라는 DB에 product 테이블을 생성했다. 그다음 연동할 node.js가 있는 터미널에서 npm install --save를 입력해 mysql을 설치하고, docker에서 mariadb를 설치할 때 user, password, port 번호 등을 'root', 3306 등으로 미리 설정했기 때문에 const mariadb = require('mysql'); const conn = mariadb.createConnection( { host: 'localhost', port: 3306, user: 'root', password: 'root', database: 'Tennis' } ); modul..

Node.js로 웹 서버 구현JavaScript와 Node.jsJavaScript는 이름처럼 독립적인 언어가 아닌 스크립트 언어이기 때문에  웹 브라우저 프로그램 안에서만 동작한다.웹 브라우저가 없으면 사용하기 어렵고, 웹에서 표시되는 부분은 JavaScript로 만들고 서버는 다른 언어로 구현해야 했는데 Node.js를 설치하면 브라우저 없이 터미널에서 실행할 수 있으며 서버도 구현할 수 있다. 즉, Node.js는 JavaScript를 프로그래밍 언어로 독립시키면서 백엔드를 구현할 수 있도록 지원하는 플랫폼이다. Node.js 실습을 하던 중 서버를 실행했는데Error: listen EADDRINUSE: address already in use :::8888포트 8888을 이미 사용 중이라는 에러가 ..

1. 운영체제의 특징운영체제(OS, Operating System)사용자가 컴퓨터의 하드웨어를 쉽게 사용할 수 있도록 인터페이스를 제공해 주는 소프트웨어메모리 관리 기법반입 기법: 메모리 적재 시기(When)배치 기법: 메모리 적재 위치(Where)할당 기법: 메모리 적재 방법(How)교체 기법: 메모리 교체 대상(Who)메모리 배치 기법최초 적합(First-fit): 프로세스가 적재될 수 있는 가용 공간 중, 첫 번째 분할에 할당최적 적합(Best-fit): 가용 공간 중에서 가장 크기가 비슷한 공간을 선택해 프로세스 적재최악 적합(Worst-fit): 프로세스의 가용 공간 중에서 가장 큰 공간에 할당페이지 교체 알고리즘LRU(Least Recently Used): 최근..

1. SW 개발 보안 설계SW 개발 보안 3대 요소기밀성(Confidentiality): 시스템 내의 정보와 자원은 인가된 사용자에게만 접근 허용무결성(Integrity): 시스템 내의 정보는 인가된 사용자만 수정 가능가용성(Abailability): 인가받은 사용자는 시스템 내의 정보와 자원을 언제든 사용 가능Dos(Denial of Service) 공격시스템을 악의적으로 공격해서 해당 시스템의 자원을 부족하게 하여 원래 의도된 용도로 사용하지 못하게 하는 공격Dos 공격의 종류SYN 플러딩(Flooding): 서버의 동시 가용 사용자수를 SYN 패킷만 보내 점유하여 다른 사용자가 서버를 사용 불가능하게 하는 공격UDP 플러딩: 대량의 UDP 패킷을 만들어 임의의 포트 번호로 전송..

1. 애플리케이션 테스트 케이스 설계애플리케이션 테스트: 잠재되어 있는 결함을 찾아내는 일련의 행위 또는 절차애플리케이션 테스트 원리테스팅은 결함이 존재함을 밝히는 것: 결함을 줄일 순 있지만, 결합이 없다고 증명할 수 없음완벽한 테스팅은 불가능: 무한 경로, 무한 입력 값으로 인한 어려움개발 초기에 테스팅 시작: 테스팅 기간 단축, 재작업 감소로 개발기간 단축 및 결함 예방[결함의 집중] 파레토 법칙(Pareto Principle): 20%에 해당하는 코드에서 전체 결함의 80%가 발견된다는 법칙살충제 패러독스(Pesticide Paradox): 동일한 테스트를 반복하면 새로운 버그를 찾지 못함정황 의존성: 소프트웨어 성격에 맞게 테스트 실시오류-부재의 궤변: 요구사항을 충족시키지 못..