jh.nrtv

이전 글에서 nextjs 프로젝트에서 Quill 에디터를 추가하는 과정을 설명했다. 내가 구현하고 있는 커뮤니티 탭에는 글의 제목과 더불어 글 내용을 간략하게 (최대 4줄) 보여주도록 되어있다. 글의 내용부분이 HTML 형식으로 바뀐 이후에는 아래와 같은 문제가 발생했다. 다른 부분은 괜찮지만 글의 목록에서 간략하게 내용을 보여주는 부분에서 다음과 같은 문제가 있었다. 1. 굵게 표시하거나 등의 제목으로 표시된 파트가 글 목록 파트인 이곳에서도 과도하게 크게 보인다. 2. 엔터 등으로 줄을 넘기는 도 한 줄로 인식해서 글 초반에 을 여러 번 쓴 경우에 글 미리보기가 기능하지 않을 수도 있다. 이는 전체적인 UI/UX에 악영향을 미친다고 판단하고 해당 파트를 수정하게 되었다. 아래처럼 간단하게 html 을..

프로그래머스 문제를 풀던 중 나는 보통 순수 array와 object의 형태로 푸는 경우가 많은데 중복이 허용되지 않는 배열 혹은 객체를 활용하는 어떤 문제에서 new Set()을 많은 사람이 사용하는 것을 확인했다. 코딩테스트를 비롯해 여러 방면에 활용도가 높다고 생각해서 정리하기로 했다. 📌 Set이란? >>mdn 참고 Set - JavaScript | MDN Set 객체는 자료형에 관계 없이 원시 값과 객체 참조 모두 유일한 값을 저장할 수 있습니다. developer.mozilla.org Set 객체는 자료형에 관계 없이 원시 값과 객체 참조 모두 유일한 값을 저장할 수 있습니다. Set 객체는 값 콜렉션으로, 삽입 순서대로 요소를 순회할 수 있습니다. 하나의 Set 내 값은 한 번만 나타날 수 ..

✅ 들어가며 객체지향 프로그래밍을 공부한 적은 있고 나름대로 어렴풋이 알고는 있었으나,  제대로 알고 이해하는 것은 아니기에 해당 개념을 만날 때마다 찜찜했다.그러다가 좋은 자료( 생활코딩님의 영상 )를 찾은 김에 다시 공부하고 정리하게 되었다.    ✅ Procedural Programming (절차지향 프로그래밍)=> OOP와 대비돼서 이야기되는 방식 특징 1. 명령이 순차적으로 진행된다 -> 컴퓨터의 처리구조와 유사하기에 실행 속도가 빠르다.2. procedural (함수) 의 기능을 주요하게 사용해서 프로그래밍한다.   -> 이와 같이 언어에따라서 procedural은 다양하게 불리우는데 우리에게 가장 익숙한 것은 function이다 .   ✅ Procedural Programming VS Obj..

✅ AJAX Asynchronous Javascript and XML 의 약자로 , 웹 애플리케이션에서 필요한 부분만 비동기적으로 데이터를 주고받을 수 있는 기술. Ajax는 요청이 있을 때 웹페이지 전체를 리로드하지 않고도 , 일부만을 갱신할 수 있다. 즉, Ajax를 이용해서 백그라운드 영역에서 서버와 통신하고 브라우저 일부에 표시할 수 있다. (= 새로고침 없이 서버에게 GET 요청하는 조그만한 JS 코드 ) 🔸어디에 사용? 예를 들어 추천 검색어를 보여주는 포털 검색 창, 인피니트 스크롤 등에 ajax를 적용하여 페이지 리로드 없이 필요한 부분만 요청 및 화면에 표시할 수 있다. 사용자가 AJAX가 적용된 UI와 상호작용하면, 서버에 AJAX 요청을 보내게 된다. 서버는 DB에서 데이터를 가져와서..