private repository repository는 public과 private이 있다. repository 목록에서 바로 보이기 때문에 github를 잘 알지 못하는 사람도 쉽게 구분이 가능하다. 기본적으로 repository의 설정은 이렇게 repository 에들어가면 상단에 보이는 목록들 중에 Settings에서 가능하다. Settings에 들어가면 바로 보이는 화면인데 좌측 nav바에서 보이듯 General에 기본값으로 들어오게 된다. 여기서 쭉 내리면 누가봐도 좀 위험해보이는 DangerZone이 나온다. 여기서 가장위에 있는 항목을 통하여 private public으로 변경이 가능하다. private 에서 다른 사람에게 권한 부여하기 Settings에서 왼쪽에 보이는 nav 바에서 Col..

📍북한산 둘레길 안내https://strap.tistory.com/101 북한산둘레길 (코스소개, 완주방법, 인증서 위치)북한산둘레길 코스 총 21개 구간 (71.5km)으로 마지막 21구간 우이령길은 사전예약후 방문할 수 있다. 21구간 우이령길 예약 안내 인터넷예약 http://reservation.knps.or.kr → 탐방 예약제 → 예약하기 →strap.tistory.com  📑 완주 소감서울둘레길, 중랑 둘레길, 구리둘레길등 걸어봤지만 가장 깔끔하고 관리가 잘되어 있는 곳은 북한산 둘레길이었다.  관리사무소에서 일하시는분들이 모두 친절했으며 (내가 운이 좋게 너무도 친절한 분들은 만난걸 수도..) 길들도 모두 관리가 잘되어 있는 느낌을 항상 받아왔다.  코스를 1코스부터 순차대로 돌지않고 ..

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

📝 용어 정리 Interface -> 인간과 기계사이의 소통을 위한 매개체, 프로그램 코드 덩어리 혹은 사용자가 시스템을 인지하고 이용하기 위한 중간단계 UI (User Interface) -> 최종적으로 사용자가 모니터로 볼 수 있는 인터페이스 GUI (Graphic User Interface) -> 사용자가 더욱 쉽게 이해하고 사용할 수 있도록 UI에 색을 추가하고 형태를 더하는 개념 Interaction(인터랙션) -> 상호작용. 반응을 쉽게 구현하는 디자인 브레이크를 밝으면 차가 멈춤 핀치 줌(제스처)를 이용하여 화면을 확대하고 축소함 버튼을 클릭하면 다음화면으로 넘어감 등. 사용자 경험 (UX) 는 UI가 아니다 ❌ 사용자 경험 UX 를 UI/UX로 많이 접했다. 그때는 단순히 UI에 포함되어있..

첫번째로 나오는 음수 정수 리스트 num_list 가 주어질 때, 첫 번째로 나오는 음수의 인덱스를 return하도록 solution 함수를 완성해주세요. 음수가 없다면 -1을 return합니다. 기존에는 for문과 if문을 사용하여 작성하였지만, 간단한 작업을 통해 결과를 도출할 수 있을듯 하여 알아본 결과 자주 사용하지 않았던 enumerate 함수를 사용하면 쉽게 풀 수 있다는 것을 알았다. fruits = ['apple', 'banana', 'orange'] for index, fruit in enumerate(fruits): print(f"인덱스: {index}, 값: {fruit}") 이런식으로 활용할 수 있다. for 문에 index, fruit 두가지 값을 한번에 적용하여 출력 할 수 있다..

🎉결과물 우리의 여행 OT (OurTravel) 우리의 여행 같이 가실까요? ourtravel.site 개발기간 : 2023.07.01 ~ 2023.10.15 GitHub url : https://github.com/Our-Travel Our-Travel 2023 관광데이터 활용 공모전 출품작. Our-Travel has 4 repositories available. Follow their code on GitHub. github.com 📍프로젝트 과정 프로젝트의 시작 멋쟁이사자처럼 프론트엔드 4기 최종 프로젝트를 진행했던 분들과 기획하며 시작되었다. 우리는 각자 취업준비를 하며 틈틈히 공부할 수 있는 프로젝트를 생각하고 있었다. 백엔드와 협업을 기반으로 프로젝트 주제를 찾다보니 한국관광공사와 카카오가 ..

스택과 큐는 데이터를 저장하고 관리하는 두가지 주요 데이터 구조이다. 주요 차이점은 데이터의 삽입 및 제거 방법과 데이터의 처리 순서에 있다. 이외의 데이터를 관리하는 구조 예시로는 배열, 리스트, 트리, 그래프, 해시테이블, 덱 등 다양한 저장방법이 있다. 스택 (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..