코딩하는라민

[React] 리액트에서의 아토믹 디자인(Atomic Design)이란 Medium Out of nothing, something. You can find (just about) anything on Medium — apparently even a page that doesn’t exist. Maybe these stories about finding what you didn’t know you were looking for will take you somewhere new? bootcamp.uxdesign.cc 본 게시글은 위의 글을 읽고 번역하여 정리한 내용입니다. 📌 아토믹 디자인(Atomic Design) 효율적이고 확장 가능한 웹 애플리케이션을 만드는 방법중의 하나는 아토믹 디자인 시스템을 사용..

[정보처리기사 실기] IP 주소 계산 및 실기 중요 개념 IP 주소 계산하기22년 3회 기출 192.168.1.0/24 인 IP주소를 FLSM 방식으로 3개의 서브넷으로 분할할 때 두 번째 서브넷의 브로드캐스트 IP 주소(10진수)를 쓰시오.더보기① 192.168.1.0 ② 3개의 서브넷으로 분할 ③ 두 번째 서브넷 ④ 브로드캐스트 IP 주소 (1) 2진수로 바꾸기 11000000.10101000.00000001.00000000 (2) 2^n >= (분할할 서브넷 개수) 를 만족하는 n의 최솟값 구하기 3개의 서브넷이므로 최소 n = 2 즉, 마지막 옥텟(8비트) 중 맨 앞 n 자리를 서브넷 ID 로 사용 나머지는 호스트 ID (3) 서브넷 ID 는 2진수로 모두 0이 채워진 값부터 모두 1로 채워진 값..

[정처기 실기] SQL 응용 - DDL, DML, DCL 명령어 📌 DDL 명령어 데이터 정의어 : 테이블과 같은 데이터 구조를 정의하는 데 사용되는 명령어들로 구성되어있다. TABLE 관련 DDL CREATE TABLE CREATE TABLE 테이블명 ( 컬럼명 데이터타입 [조건] ) 테이블, 뷰 생성 - 제약조건 : PRIMARY KEY, FOREIGN KEY, UNIQUE, NOT NULL, CHECK, DEFAULT ALTER TABLE ALTER TABLE 테이블명 ADD 컬럼명 데이터타입 [조건] CREATE TABLE 의 컬럼에 사용하는 제약조건을 사용할 수 있음 ALTER TABLE 테이블명 MODIFY 컬럼명 데이터타입 [조건] ALTER TABLE 테이블명 DROP 컬럼명 DROP TA..

[정보처리기사 실기] 소프트웨어 보안 설계 SW 개발 보안 3대 요소요소설명 기밀성 Confidentiality 인가되지 않은 개인 혹은 시스템 접근에 따른 정보 공개 및 노출을 차단하는 특성 무결성 Integrity 정당한 방법을 따르지 않고서는 데이터가 변경될 수 없으며, 데이터의 명확성 및 완전성과 고의/악의로 변경되거나 훼손 또는 파괴되지 않음을 보장하는 특성 가용성 Availability 권한을 가진 사용자나 애플리케이션이 원하는 서비스를 지속해서 사용할 수 있도록 보장하는 특성 SW 개발 보안 용어용어설명예시 자산 Assets 조직의 데이터 또는 조직의 소유자가 가치를 부여한 대상서버의 하드웨어 기업의 중요 데이터 위협 Threat 조직이나 기업의 자산에 악영향을 기칠 수 있는 사건이나 행위해..

[정보처리기사 실기] 공통 모듈 모듈그 자체로 하나의 완전한 기능을 수행할 수 있는 독립된 실체 독립성이 높은 모듈은 수정 시 다른 모듈들에 영향을 미치지 않고, 오류 시 쉽게 해결 가능 결합도응집도모듈 크기 모듈의 독립성 높이기⬇️⬆️⬇️ 모듈화 기법기법설명 루틴 🔹특정 동작을 수행하는 일련의 코드 🔹기능을 가진 명령어들의 모임 메인 루틴 🔹전체의 개략적인 동작 절차를 표시하도록 만들어진 루틴 🔹서브 루틴 호출 서브 루틴 🔹메인 루틴에 의해 필요할 때마다 호출 응집도 ⭐⭐모듈의 독립성을 나타내는 정도 모듈 내부 구성 요소 간 연관 정도 하나의 기능을 수행할 수록 응집도가 높다.유형설명 우연적모듈 내부의 각 구성 요소가 연관이 없을 경우응집도 낮음 (나쁜 품질) 논리적유사 성격, 특정 형태로 분류되는 처..

[정보처리기사 실기] 개발환경 구축, 형상관리 개발 도구 종류구분설명예시 빌드 도구 작성한 코드의 빌드 및 배포를 수행하는 도구 🔹Ant 🔹Maven 🔹Gradle 구현 도구 코드 작성, 디버깅, 수정 작업을 하는 도구 테스트 도구 코드의 기능 검증, 코드 품질을 높이기 위해 사용 🔹xUnit 🔹PMD 🔹Findbugs 🔹Cppcheck 🔹Sonar 형상 관리 도구 코드, 리소스 등에 대한 버전 관리 🔹CVS 🔹Subversion 🔹Git 개발 환경 종류구분설명주요 제품 웹 서버 🔹HTTP 요청/응답 🔹정적 콘텐츠 처리 ➡️ HTML, CSS, Javascript, Image 🔹Apache 웹 서버 🔹Google Web Server 🔹Nginx 🔹IIS 웹 서버 웹 애플리케이션 서버 (WAS) 🔹동적 콘..

[책 리뷰] 프론트엔드 성능 최적화 가이드 예전에 리액트 프로젝트를 하면서 성능 문제를 겪은 적이 있습니다. development 모드라 빌드 전이기는 했지만, 성능이 너무 낮게 나왔었습니다. 성능을 보고 모든 팀원들이 충격에 먹었었는데, 지금 생각해보니 코드를 남발하기만 하고 최적화 작업을 해주지 않았었습니다. 처음에 어떻게 하면 프로젝트의 성능을 끌어 올릴 수 있는지 몰라 막막했는데, 이 책을 읽고 나서 앞으로는 기능 구현만 신경쓸 것이 아니라는 것을 깨닫게 되었습니다. Lighthouse 분석 이 책은 제목 그대로 웹사이트의 성능을 리액트를 기준으로 최적화해주는 가이드북입니다. 이전에는 Lighthouse 의 전체적인 성능 수치만 확인했을 뿐 그 안의 요소 하나하나에 대한 분석은 하지 않았습니다. ..

[TypeScript] 함수의 기타 반환타입(unknown, void, never) 📌 unknown 타입스크립트에서 unknown은 JavaScript의 any 타입과 유사한 타입이다. unknown 타입은 컴파일러에게 해당 값에 대한 타입 정보가 없음을 알리는 역할을 한다. unknown 타입은 어떤 값이 들어올지 알 수 없는 경우에 사용된다. 즉, 변수나 매개변수에 할당되는 값의 타입을 정확히 알 수 없을 때 사용하는 것이다. unknown 타입을 가지는 변수나 매개변수는 어떤 타입의 값도 가질 수 있다. 하지만 unknown 타입의 값으로는 직접적인 조작이 불가능하고, 다른 타입으로 할당하기 전에 적절한 타입 검사나 타입 단언(type assertion)을 통해 원하는 타입으로 형 변환을 해줘야 ..

[TypeScript] 함수의 반환 타입과 함수 타입 구문(function type) 📌 반환 타입 함수의 반환문이 함수의 반환 타입으로 할당할 수 없는 값을 반환하는 경우, 다음과 같이 할당 가능성 오류를 표시한다. function home(todo: string): string | indefined { switch (todo) { case "러닝 타입스크립트": return `${todo} 공부하고 블로그 정리`; // Ok case "리액트 프로젝트": return 100; // Error 🔥: Type 'number' is not assignable to type 'string'. defualt: return undefined; // Ok } } 두번째 case 에서 반환값은 100인데, home..

[TypeScript] 함수의 매개변수(선택적 매개변수, 기본 매개변수, 나머지 매개변수) 📌 함수 매개변수 변수와 마찬가지로 타입 애너테이션으로 함수의 매개변수의 타입을 선언할 수 있다. function home(todo: string){ console.log(`오늘 할일 : ${todo}!`); } any 타입 매개변수 function home(todo){ console.log(`오늘 할일 : ${todo}!`); } 매개변수에 명시적 타입 정보가 선언되어 있지 않기 때문에 타입을 알 수 없다. 이 경우 매개변수는 any 타입으로 간주된다. 📌 필수 매개변수와 선택적 매개변수 ✏️ 필수 매개변수 자바스크립트에서는 인수의 수와 상관없이 함수를 호출할 수 있는 반면, 타입스크립트에서는 잘못된 수의 인수로..