Develop_NOTE

한글 폰트 1. 프리텐다드 (Pretendard)웹과 모바일 환경에서 가독성이 우수하여 많은 디자이너들이 선호하는 산세리프 폰트. 눈누프리텐다드 - 길형진 (orioncactus)noonnu.cc  (출처-눈누)  2. 나눔스퀘어 (NanumSquare)네이버에서 제공하는 무료 폰트로, 깔끔하고 현대적인 느낌을 주어 다양한 디자인에 활용.  눈누나눔스퀘어 - 네이버noonnu.cc (출처-눈누)  3. 지마켓 산스(Gmarket Sans)마켓에서 배포한 폰트로, 굵기와 크기에 따라 다양한 용도로 사용 가능하며, 특히 제목이나 강조 텍스트에 적합  눈누G마켓 산스 - G마켓noonnu.cc (출처-눈누)  4. 고도체온라인 쇼핑몰 고도에서 제공하는 폰트로, 부드러운 곡선이 특징이며 친근한 느낌을 주는 폰트..

Postman? postman은 API개발을 보다 빠르고 쉽게 구현 할 수 있도록 도와주는 툴이다. 개발된 API를 찍어보며 테스트하여 문서화하고 협업간 공유 할 수 있도록 도와주는 플랫폼이다. Postman은 모든 API를 다루는 관련 개발자들을 위해 다양한 기능을 제공한다. 변수 및 환경, Request, 테스트 및 사전 요청에 필요한 스크립트 작성 등, 워크 플로우를 더욱 효과적으로 만들 수 있도록 고안되었다. Postman을 사용해야하는 이유? API URL을 통해서 1~100까지 테스트 하는 것은 한계가 있다. 실제 화면단에서 프론트 개발자가 개발 테스트 화면을 구현하기 위해서는, 동작하기위한 버튼을 만들고, 이벤트 로직을 만들고, 버튼에 이벤트를 등록하고, 버튼을 눌렀을때 이벤트를 실행하도록 ..

CRUD? CRUD는 데이터를 다루는 기본적인 작업에 대한 약어로, Create(생성), Read(읽기), Update(갱신), Delete(삭제)를 의미한다. CRUD는 주로 데이터베이스 및 웹 애플리케이션에서 데이터를 관리하고 조작하는데 사용되는 개념이다. 1. Create - 생성 새로운 데이터를 생성하거나 추가하는 작업을 의미한다. 예를 들면, 데이터베이스에 새로운 레코드를 추가하거나 웹 양식에 따라 새로운 항목을 만드는 작업이 Create에 해당된다. 2. Read - 읽기 데이터를 조회하고 읽는 작업을 의미한다. 예를 들면, 데이터베이스에서 특정 레코드를 검색하거나, 웹 애플리케이션에서 데이터를 화면에 표시하는 작업이 Read에 해당된다. 3. Update - 갱신 데이터의 내용을 수정하거나,..

'Attribute' 와 'property' 차이점 신입 프론트엔드 개발자 면접을 볼때 가장 많이 받는 질문으로 보인다. Attribute ? attribute 는 html 문서에서 elements 에 추가적인 정보를 넣을 때 사용되는 요소입니다. 예를 들어, 라는 ‘my-class’라는 클래스 속성을 가진 div 요소에서 div 는 element(요소) 이고 class 는 attribute(속성) 가 되며 ‘my-class’ 는 class attribute의 value(값)가 됩니다. Property ? property는 html DOM 안에서 attribute 를 가리키는(혹은 대신하는) 표현입니다. 위 내용은 태그를 DOM 으로 표현한 것인데 위에서 className이 property가 되는 것이죠..

CDN? 'Content Delivery Network'의 약어로 CDN이라고 불리우며 지리적 제약없이 전세계 사용자에게 빠르고 안전하게 콘텐츠를 전송할 수 있는 콘텐츠 전송 기술을 의미 CDN은 서버와 사용자간의 물리적인 거리를 줄여 로딩에 소요되는 시간을 최소화 함 CDN은 각 지역에 캐시서버를 분산배치해 근접한 사용자의 요청에 원본 서버가 아닌 캐시 서버가 콘텐츠를 전송 CDN의 장점 병목현상 해결 데이터를 항상 빠르고 안정적으로 전송 할 수 있다. SP에 장애가 발생해도 다른 ISP에 있는 캐시 서버에서 데이터를 전송하므로 전송 중단이 발생하지 않는다. 트래픽 절약 CDN을 쓰면 트래픽이 줄어들기 때문에 서버 유지 비용도 저절로 감소한다. 원리는 caching과 비슷 CDN의 단점 특정국가나 지역..

프레임워크와 라이브러리의 차이점 둘의 가장 큰 차이점은 '제어 흐름의 권한'이 어디에 있냐 라는 것. 라이브러리를 사용할 때 사용자는 애플리케이션 코드의 흐름을 직접 제어해야 한다. 개발 시 필요한 기능이 있을 경우 능동적으로 라이브러리를 호출하여 사용하거나 기존에 구성된 함수나 코드를 가져다 써야한다. 반면 프레임워크는 애플리케이션의 코드가 프레임워크에 의해 사용됩니다. 애플리케이션 코드는 프레임워크가 짜 놓은 틀에서 수동적으로 동작하기 때문에 제어의 흐름은 프레임워크가 가지고 있고 사용자가 그 안에 필요한 코드를 작성하게 됩니다. 프레임워크와 라이브러리 정의 프레임워크(Framework) - 원하는 기능 구현에 집중하여 개발 할 수 있도록 이정한 형태와 필요한 기능을 갖추고 있는 골격, 뼈대를 의미...

웹 프로젝트를 들어가게되면 아이콘은 어떤방식으로든 사용하게되는 컨텐츠입니다. 다만 현 시점에서 이 아이콘을 전부 이미지화 하여 사용하는 웹사이트는 '매우 좋지 않은' 웹사이트로 볼 수 있습니다. 모든 아이콘을 이미지화 할 경우 문제점은 다음과 같습니다. - 유지보수 및 수정하게 될 때 파일관리가 쉽지 않으며 사용하지 않는 불필요한 이미지가 서버에 쌓인다. - 혹여 제때제때 삭제하여 서버에 불필요한 이미지가 쌓이지않더라도 사용하지 않는 아이콘의 경로로 일일이 폴더를 찾아 해당 아이콘을 삭제하는 작업을 하여 불필요한 시간을 소모한다. - 아이콘의 사이즈 조절에 있어서 이미지파일은 자유롭지가 못하여 사이즈별로 제각각 이미지화 해야해서 불편하다. - 같은 아이콘에 컬러를 변경하는등의 hover효과를 사용하게 되..