개발 공부 기록장 ✍️

UI 묘사하기 React는 사용자 인터페이스(UI)를 렌더링하기 위한 라이브러리이다. React를 사용하면 재사용 가능하고 중첩 가능한 구성 요소로 결합가능하다. 1. Your first component 리액트 애플리케이션은 '컴포넌트'라는 독립적인 UI 조각으로 빌드된다. React 컴포넌트는 자바스크립트 함수로 마크업을 뿌린다. 1.1 Components: UI building blocks React를 사용하면 마크업, css, javascript을 재사용 가능한 '컴포넌트'로 결합할 수 있다. My First Component Components: UI Building Blocks Defining a Component Using a Component 1.2 Defining a component R..

💡메타문자란? 메타문자란 정규표현식 또는 정규식을 제어할 수 있는 문자를 말한다. 💡메타문자 종류 ^ : 문자열의 처음을 나타낸다. $ : 문자열의 끝을 나타낸다. . : 임의의 한 문자를 나타낸다. * : 바로 앞의 문자가 없거나 하나 이상이다. + : 바로 앞의 문자가 하나 이상이다. ? : 앞의 문자가 없거나 하나이다. [ ] : 한 문자를 가리키고 묶음 안의 내용은 가리키는 문자의 범위를 나타낸다. { } : 앞에 있는 문자의 개수를 나타내고 묶음 안에서 ','는 문자 개수의 범위를 나타낼 때 쓴다. ( ) : 괄호 안의 문자열은 하나로 묶어 취급한다. | : 또는(or)의 뜻으로 선택문에 쓰인다. \ : 메타 문자의 성질을 없앨 때 붙인다. 💡메타문자에 split 처리하는 방법 메타문자 중 ?,..

최근 코테 준비를 하며 컴파일 에러, 런타임 에러를 자주 만나서 ^^ 복습 겸 프로그래밍 에러를 종류에 대해 정리해보려고 한다. 💡컴파일 에러 (Compilation Error) 문법적인 오류로 컴파일러가 이해하지 못하는 코드를 발견할 때 발생하는 에러 ex) 키워드, 맞춤법이 틀린 경우 필요한 문장부호가 빠진 경우 (주로 ;) 선언되지 않은 변수를 사용한 경우 If문 보다 End If문을 사용한 경우 💡런타임 에러 (Runtime Error) 설계 미숙, 기계적 결함으로 인해 프로그램 실행 중 발생하는 에러 ex) 0으로 나누는 경우 무한 루프에 빠지는 경우 Null Point Error (배열) segmentation fault / bus error 존재하지 않는 메모리 위치에 접근하는 경우 💡링킹 ..

💡클라우드 컴퓨팅이란? 클라우드 컴퓨팅은 스토리지, 플랫폼, 애플리케이션,네트워크 등의 IT 자원들을 사용자가 소유하지 않고 통신망/인터넷을 통해 제공하여 소비자가 필요한 만큼 빌려 쓰고, 사용한 만큼 비용을 지불(종량제) 하는 서비스 방식을 말한다. 비용 절감, 민첩한 IT 서비스 제공이라는 장점 때문에 많은 기업에서 on-premiss 방식 대신 클라우드 서비스를 사용하고 있다. 클라우스 서비스의 종류로는 Iaas, Paas, Saas 크게 3가지가 있다. 💡Iaas(Infrastructure as a Service, 이아스/아에스)란? 서버, 네트워크, 스토리지, 메모리, CPU 등 가상 인프라를 빌려주는 서비스이다. OS, 미들웨어 등은 사용자가 직접 설치하고 관리하기 때문에 클라우드 서비스 중 ..

💡SPA(Single Page Application)란? SPA란 용어 그대로 단일 페이지로 이루어진 애플리케이션이다. 기존에는 사용자가 새로운 페이지로 이동할 때마다 새로운 html을 받아와 페이지를 로드해 보여주었다. 새로운 화면을 보여주기 위해 매번 서버에 요청하기 때문에 성능상의 문제가 생길 수 있다. 그래서 서버로부터 완전한 새로운 페이지를 불러오지 않고 현재의 페이지를 동적으로 다시 작성함으로써 사용자와 소통하는 웹 애플리케이션인 SPA가 사용되고 있다. 💡SPA 예 우리가 자주 사용하는 서비스인 페이스북, 에어비앤비, 트위터, 넷플릭스도 SPA로 만들어졌다. 💡장점 1. 페이지 이동시 화면 전체를 렌더링 할 필요가 없어 로딩 속도가 빠르다. 2. 프론트엔드와 백엔드의 분리되어 업무 분담이 용..

웹에서 스와이프 UI는 자주 사용된다. 직접 구현할 수도 있지만 이미 구현된 플러그인, 라이브러리를 주로 사용한다. swiper.js은 현재 작업하는 프로젝트에서 사용하는 플러그인이다. 내가 선택해서 사용한 건 아니고, 이전부터 swiper.js를 사용하고 있어 따라서 사용했다 ㅎㅎ (예시 이미지의 naver clova 페이지에서도 swiper.js가 사용되었다.) 💡swiper.js란? swipe.js는 편리하고 강력한 슬라이더를 구현하는 라이브러리이다. 모바일도 지원하며, jquey와 같은 별도의 프레임워크가 필요 없다. 그리고 오픈 소스라서 무료로 사용할 수 있다. 최신 버전은 v5.4.3이다. (2020.06.14 기준) 더 자세한 정보는swiper.js 공식 홈페이지를 참고해주세요. 💡swipe..