끄적이는 공간

Tip/TipContent 5

[Postman] API 테스트를 쉽고 간단하게 도와주는 툴 (Feat. Restful API)

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

Tip/TipContent 2023.10.27

[Data] CRUD와 HTTP 요청 4가지 기본 메소드

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

Tip/TipContent 2023.10.23

[개발] 'Attribute' 와 'property' 차이점

'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가 되는 것이죠..

Tip/TipContent 2023.01.17

[개발관련] 라이브러리와 프레임워크의 차이점.

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

Tip/TipContent 2022.11.19

[IT]유용한 웹,앱 아이콘 라이브러리

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

Tip/TipContent 2022.02.07