Admin 이란? 어드민은 보통 "관리자(Administrator)"의 줄임말로 사용되며, 컴퓨터 시스템, 소프트웨어, 또는 웹사이트와 같은 다양한 플랫폼에서 사용된다. 이는 시스템 또는 플랫폼의 기능과 설정을 관리하고 제어하는 역할을 말한다. 주로 관리자(Administrator) 즉 어드민은 관리자 페이지를 뜻한다. 관리자 페이지는 시스템이나 애플리케이션의 설정을 관리하고 제어하기 위한 웹 인터페이스를 의미한다. Admin이 하는 일? 시스템 관리: 컴퓨터 시스템에서 사용자 계정을 생성하고 삭제하며, 권한을 할당하여 접근을 제어 소프트웨어 관리: 소프트웨어 설치, 업데이트, 및 관련된 설정을 관리. 사용자가 새로운 기능을 사용할 수 있도록 하거나 보안 패치를 적용하여 시스템의 안정성을 유지 데이터 관..

💬 들어가며 업무나 프로젝트를 효과적으로 관리하고, 생산성을 높이기 위해 다양한 IT 도구들이 제공되고 있다. 몇 가지 유용한 도구들을 소개하고, 각 도구의 특징과 활용 방법에 대해 알아보자. 📍Trello https://trello.com/ Manage Your Team’s Projects From Anywhere | Trello Task management Use Trello to track, manage, complete, and bring tasks together like the pieces of a puzzle, and make your team’s projects a cohesive success every time. trello.com Trello는 직관적이고 시각적인 작업 관리를 지원하는..

가로데이터 or 세로로된 데이터를 반대로 붙여넣기 이렇게 세로 표로된 데이터를 가로로 붙여넣고 싶을 때를 말하고 있다. 이런식으로 :) 세로로 된 데이터를 가로로 붙여넣기 하는 경우로 예를 들고 있다. (반대도 마찬가지이다.) 표 돌리기 먼저 복사할 데이터의 표를 돌리는 것이 편할 것이다. 붙여넣는 곳에 맞춰둔 뒤 작업하는 것이 좋기 때문이다. 표1을 돌려주기 위하여 표 전체를 선택해야 한다. 각 꼭지점을 변경할 수 있는 상태가 되도록 모서리 쪽을 클릭하면 된다. 이제 여기서 T 를 누르거나 표 설정 을 눌러 표 뒤집기를 클릭하면 된다. 내가 지금 필요한 부분은 줄/칸 뒤집기로 이걸 클릭하여 뒤집기를 누르면 된다. 이렇게 가로세로가 바뀐 모습이 되고 난뒤 원하는 셀들을 클릭하여 복사 붙여넣기 하면 다음과..

여러개의 단어 한번에 찾기 여러개의 단어, 문자 등을 한번에 찾아 바꾸거나 없애고 싶을 때가 있다. 많은사람들이 ctrl + f 를 이용하여 단어를 찾아 바꾸곤 하지만 여러개의 단어를 바꿀때는 이 동작을 여러번 반복하기도 한다. 이때는 콤마 , 나 세미콜론 ; 을 이용하여 검색하면 된다. 내가 작업하는 파일에는 다른 정보를 표기하는 특수문자들이 많이 포함되어 있어 사진과 같이 검색하여 바꾼다. ① 등과 같은 특수문자등 세미콜론으로 구분한 후 여러 단어 찾기를 체크한다. 바꿀내용은 빈칸으로 둔 뒤 모두 바꾸기를 누르면 포함되어 있는 모든 특수문자들이 없어지게 된다.

웹팩(Webpack) 이란? 웹팩은 모듈 번들로러, 프론트엔드 프로젝트에서 다양한 리소스를 관리하고 최적화 하는 도구이다. JavaScript 파일 뿐만이 아니라, CSS, 이미지, 폰트 등 다양한 파일을 하나의 빌드된 파일로 만들어준다. 모듈 번들이란? - 여러 파일들을 하나의 파일로 병합하는 것을 모듈 번들링 이라고 하면 일련의 과정이라고 생각하면 된다. https://strap.tistory.com/118 번들이란? (bundle) / 모듈이란? (module) 번들 (bundle) 이란? 웹 개발 및 프론트엔드 개발에서 주로 사용되는 용어로, 일반적으로 여러 파일을 하나로 결합 하는 작업을 나타낸다. 이렇게 하나의 파일로 결합하는 것을 "번들링" 이라고도 strap.tistory.com 웹팩의 등..

스택과 큐는 데이터를 저장하고 관리하는 두가지 주요 데이터 구조이다. 주요 차이점은 데이터의 삽입 및 제거 방법과 데이터의 처리 순서에 있다. 이외의 데이터를 관리하는 구조 예시로는 배열, 리스트, 트리, 그래프, 해시테이블, 덱 등 다양한 저장방법이 있다. 스택 (stack) 데이터 삽입과 제거: 스택은 후입선출(LIFO, Last-In-First-Out) 방식을 따른다. 새로운 데이터는 스택의 맨 위에 삽입되고, 제거할 때도 맨 위에서부터 제거된다. 활용 예시: 함수 호출 스택, 뒤로 가기 버튼의 동작, 재귀 함수 호출 등에 사용된다. 큐 (queue) 데이터 삽입과 제거: 큐는 선입선출(FIFO, First-In-First-Out) 방식을 따른다. 새로운 데이터는 큐의 뒤에 삽입되고, 제거할 때는 ..

BOM (Brower Object Model - 브라우저 객체 모델) 웹 브라우저에서 제공되는 객체 모델을 나타낸다. 웹 페이지를 조작하고 제어하기 위해 사용되며, 브라우저 창, 히스토리, 위치 등과 같은 브라우저 관련 객체를 포함한다. BOM의 주요 구성요소 Window 객체: Window 객체는 웹 브라우저 창을 나타낸다. 모든 JavaScript 코드는 기본적으로 Window 객체 내에서 실행된다. 이 객체를 사용하여 브라우저 창의 크기를 조정하거나 새로운 창을 열거나 닫는 등의 작업을 수행할 수 있다. Document 객체: Document 객체는 현재 표시된 웹 페이지(Document)의 내용을 나타낸다. DOM(Document Object Model) 트리 구조를 통해 웹 페이지의 모든 요소에..

번들 (bundle) 이란? 웹 개발 및 프론트엔드 개발에서 주로 사용되는 용어로, 일반적으로 여러 파일을 하나로 결합 하는 작업을 나타낸다. 이렇게 하나의 파일로 결합하는 것을 "번들링" 이라고도 하는데 번들링은 주로 JavaScript 및 CSS 파일을 하나의 파일로 결합하는 것을 의미한다. 이를 통해 웹 애플리케이션의 성능을 최적화하고 관리를 더 쉽게 만드는데 도움이 된다. 모듈 (module) 번들링이란 모듈들의 의존성을 파악하여 그룹화 시켜주는 것이고, 반대되는 개념으로는 모듈(module)이 있다. 분리되어 있는 모듈을 하나로 합쳐주는 것이 번들(bundle)이라는 개념이고, 여러 모듈로 나누어 export로 내보내기도 하고, import로 가져오기도 한다. 여러 모듈을 그대로 사용하지 않고 ..

💬 리플로우와 리페인트 리플로우(Reflow)와 리페인트(Repaint)는 웹 브라우저의 렌더링 과정에서 중요한 개념이다. 이 두 용어는 웹 페이지의 레이아웃 및 시각적 표현을 관리하고 최적화하는 데 사용된다. 리플로우 (Reflow) 리플로우는 웹 페이지의 레이아웃이 변경될 때 발생하는 과정을 나타낸다. 이것은 요소의 크기, 위치, 구조 또는 스타일이 변경될 때 발생한다. 브라우저는 레이아웃 변경 사항을 계산하고, 이 변경 사항에 영향을 받는 요소 및 그 하위 요소들을 다시 배치한다. 이로 인해 레이아웃 트리(Layout Tree)와 렌더 트리(Render Tree)가 다시 생성된다. 리플로우는 비용이 많이 드는 연산이므로 자주 발생하면 성능에 영향을 미칠 수 있으므로 최소화해야 한다. 리페인트 (Re..

브라우저 랜더링 브라우저 랜더링 과정은 웹 페이지를 표시하기 위해 브라우저가 수행하는 단계와 프로세스를 의미한다. HTML 파싱: 브라우저는 웹 페이지의 HTML 문서를 가져와서 파싱한다. 이 과정에서 HTML 문서의 구조를 이해하고 DOM(Document Object Model) 트리를 생성한다. DOM 트리는 웹 페이지의 요소(태그, 속성 등)와 그들의 관계를 표현한다. CSS 파싱 및 스타일 계산: 브라우저는 HTML 파싱 후에 CSS 스타일 시트를 가져와서 파싱한다. 각 요소에 대한 스타일 정보를 추출하고, 스타일 계산을 통해 각 요소의 최종 스타일을 결정한다. 이렇게 계산된 스타일은 렌더 트리(Render Tree)라는 새로운 트리 구조에 저장된다. 레이아웃(Layout): 브라우저는 렌더 트리..