SCSS (Sassy CSS) SCSS는 웹 개발에서 사용되는 스타일 시트 언어중 하나로, CSS의 확장버전이다. 보다 효율적이고 모듈화된 방식으로 스타일을 작성하고 관리할 수 있게 도와준다. // 변수 선언 $primary-color: #3498db; $secondary-color: #e74c3c; // 믹스인 정의 @mixin button-style { padding: 10px 20px; font-size: 16px; border: none; border-radius: 5px; cursor: pointer; } // 스타일 규칙 .button-primary { @include button-style; background-color: $primary-color; color: white; &:hover ..
Async Async, Await 모두 비동기 코드를 더 읽기 쉽고 동기적으로 작성할 수 있도록 도와주는 키워드이다. async 는 함수 선언 앞에 사용되며, 해당 함수가 비동기적으로 동작함을 나타낸다. async로 선언된 함수는 항상 프로미스를 반환한다. Await await은 async 함수 내에서 사용되며, 다른 프로미스를 기다렸다가 해당 프로미스가 처리되고 값을 반환한 후에 다음 코드로 진행된다. 이를통해 비동기 작업을 동기적으로 작성하는 것처럼 보이게 만들 수 있어서 코드의 가독성이 높아지고, 콜백지옥 문제를 피할 수 있다. function fetchData() { return new Promise((resolve) => { setTimeout(() => resolve("Data fetched"..
Callback 함수 콜백 함수는 다른 함수에게 인자로 전달되는 함수를 의미한다. 웹 개발에서 자주 사용되는 비동기적 작업일 때 사용하고 예를 들어. 웹페이지에서 서버로부터 데이터를 받아야 할 때, 데이터 로딩이 완료된 후 어떠한 작업을 수행하고 싶을때 사용한다. function orderFood(menu, callback) { console.log("주문 중..."); // 실제 주문 처리하는 시뮬레이션 setTimeout(function() { console.log(menu + " 준비 완료!"); callback(); // 요리가 끝났을 때 콜백 함수 호출 }, 2000); // 2초 후에 요리 준비 완료로 가정 } function enjoyMeal() { console.log("맛있게 식사하세요!..
📍자바스크립트 엔진 자바스크립트가 동작하려면 JS엔진이 필요한대, 브라우저 내에 내장되어 있고 node.js를 설치해서 로컬 컴퓨터에서 실행할 수 있다. 이때! 동작하는 시간을 런타임이라고 하며, 이 런타임 과정에서 코드를 한줄한줄 읽고 번역해 실행해주는 것을 인터프리터 라고 한다. 인터프리터란? - 프로그래밍 언어로 작성된 소스코드를 읽어 한줄씩 해석하고 실행하는 프로그램 또는 환경을 말한다. - 소스코드를 기계어로 컴파일 하지않고도 바로 실행할 수 있게 해주는 방식으로 동작한다. 사용언어 : Python, Ruby, JavaScript .. cf ) 컴파일러 - 소스코드를 한번에 컴파일하여 중간언어 또는 기계어로 변환후 실행하는 방식을 사용함 사용언어 : C, C++, JAVA ... 📍자바스크립트란..
북한산둘레길 코스 총 21개 구간 (71.5km)으로 마지막 21구간 우이령길은 사전예약후 방문할 수 있다. 21구간 우이령길 예약 안내 인터넷예약 http://reservation.knps.or.kr → 탐방 예약제 → 예약하기 → 우이령탐방전화예약(65세이상, 장애인, 외국인만 가능) 교현탐방지원센터 : 031-855-6559 / 우이탐방지원센터 : 02-998-8365 북한산둘레길 완주 인증서 발급방법 다양한 둘레길들을 방문 했지만 북한산 둘레길은 살짝 특이한 방법이다. 총 21개구간의 포토인증 구간에서 먼저 사진들을 찍은 후 11개의 인증센터에서 사진을 보여주고 방문한 위치의 도장을 찍는 방식이다. 사진을 보여주고 도장을 찍는 방식이라 어느 인증센터에 가든 상관없고 한번에 여러개의 도장을 찍을 수..
💬 들어가며 공모전 개발을 진행하며 위도, 경도 값을 이용하는 부분이 있어 Geolocation을 통해 위도 경도 값을 받아와 사용중이었다. 이번엔 현재위치를 띄워야 하는 상황이 생겨 받아왔던 위도, 경도 값을 이용해 상세 주소를 받아오는 방법을 공유해본다. ❓ 문제 상황 Cannot find Authorization : KakaoAK header kakao API 를 이용해 다양한 기능들을 구현하는 방식은 다른 블로그들, 공식 문서 등에 자세히 나와있다. 따라하던 와중 계속해서 위와같은 오류가 발생했다. 초기에는 401 오류자체가 권한 문제라는 생각에 내 Key값, IP, 호스트 주소설정등이 문제인줄 알고 뻘짓을 하다가. 다른분이 작성하신 질문 글을 보고 형식이 잘못된 것을 알았다. 💡 문제 해결 co..
💬 들어가며 이제는 둘레길의 마스터가 되어가고 있다. 물론 정보 제공을 위해 인증서를 주는 곳 위주로 다니고 있지만, 앞으론 없는 곳도 다닐 예정이다. 아무튼 자치구에서 자체적으로 둘레길 이벤트를 시행하고 있지 않는데 중랑구는 시행하고 있다. 중랑 둘레길 코스 인증서 발급 기준 서울 둘레길은 인증서가 28개 , 구리둘레길은 4개였지만 중랑 둘레길은 12개이다. 지금까지 둘레길들 보다는 코스인증 간격이 가장 짧아서 도장찍는맛이 가장 좋았던 곳이였다. 구리둘레길과 마찬가지로 스탬프를 찍어 코스를 완주하면 되고, 스탬프를 찍을 수 있는 종이는 각 스탬프함마다 비치되어 있다. 요약 : 12개 코스에 하나씩 있는 스탬프를 찍어 인증서를 받으러 가면 된다. 준비물 서울둘레길과 마찬가지로 산행이 포함되어있기 때문에 ..
서울둘레길 인증장소 사진 서울둘레길 완주 인증서 구리둘레길 스탬프 구리둘레길 완주 인증서 서울둘레길 인증서 받는방법 https://strap.tistory.com/93 서울둘레길 (코스소개, 완주방법, 인증서위치) 💬 들어가며 2023년 7월부터 한 달 동안 12가지 목표를 달성하기로 약속한 것 중 하나는 매주 한 번 등산을 가는 것이었다. 이 목표는 운동과는 별개로, 주당 한 번의 산행을 통해 다양한 생각을 strap.tistory.com 구리둘레길 인증서 받는방법 https://strap.tistory.com/95 구리둘레길 (코스소개, 완주방법, 인증서발급) 💬 들어가며 23년도 7월에 설정했던 목표중 서울 둘레길 완주 및 인증서 발급과 또다른 둘레길 시작하기가 있다. 세부 목표중엔 헬스와 병행하여..
💬 들어가며 23년도 7월에 설정했던 목표중 서울 둘레길 완주 및 인증서 발급과 또다른 둘레길 시작하기가 있다. 세부 목표중엔 헬스와 병행하여 산행을 목표로 삼았는데, 아직 등산이 익숙하지 않아 기초체력을 다질겸, 결과가 남는 것을 찾아보다가 여러 둘레길들을 돌아보기로 결정했다. 서울둘레길은 현재 완주를 했지만, 비가오는 관계로 인증서발급을 받지 못했다. 조만간 받을 예정으로 다음 목표인 구리 둘레길에 대해 조사해 보았다. 구리 둘레길 코스 인증서 발급 기준 서울 둘레길은 인증서가 28개 였지만, 구리둘레길은 4개로 하루만에 충분히 완주할 수 있는 코스인 듯 싶다. 서울둘레길과 마찬가지로 스탬프를 찍어 코스를 완주하면 되지만, QR코드 인증방식은 없는듯 하다. 스탬프는 모든 코스의 스탬프함 내부에 비치되..
💬 들어가며 2023년 7월부터 한 달 동안 12가지 목표를 달성하기로 약속한 것 중 하나는 매주 한 번 등산을 가는 것이었다. 이 목표는 운동과는 별개로, 주당 한 번의 산행을 통해 다양한 생각을 정리하고 싶었다. 하지만 그냥 산을 가는 것 보다는 의미 있는 기록을 남기고 싶어 서울 둘레길 도전을 선택했다. 이전부터 도전해보고 싶었던 코스였지만, 지금까지 도전하지 못한 상태였다. 이번 기회에 목표를 세우고 도전해보기로 결심했다. 서울둘레길 코스 코스 거리 시간 난이도 1코스 - 수락.불암산 18.6km 8시간 10분 상 2코스 - 용마.아차산 12.3km 5시간 10분 중 3코스 - 고덕.일자산 25.6km 8시간 50분 하 4코스 - 대모.우면산 18.3km 8시간 10분 중 5코스 - 관악.호암산 ..