서스포PAR_개발블로그

🎊 훈훈 자바스크립트 스터디 모집 🎊 🐔 주의! 주최자가 닭띠라 공부일정(+공부&운동인증)를 여쭤볼 수 있습니다. (쪼쪼쪼...) 🐔 🐔 저도 쪼아주셈... 🐔 🚨 구매 해야하는 인강 🚨 https://www.inflearn.com/course/%ED%9B%88%ED%9B%88%ED%95%9C-%EC%9E%90%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8-%EC%BD%94%EB%93%9C%EC%BA%A0%ED%94%84 📆 일정📆 (평균 스터디 예상시간 1시간 30분 ~ 2시간 30분 = 자율학습 + 인증제 + 스터디진행 유저끼리 질문/평가) 날짜 학습내용 제출과제 1월 2일 (월) (1회차) 섹션 0. 변수, 문자와 숫자 (53분) 깃허브 주소 or 블로그 정리 + ..

💖 Octotree - GitHub code tree octotree는 위의 그림과 같이 github에서 프로젝트의 내부 구조를 파악하기 쉽게 해주는 확장 프로그램입니다. https://chrome.google.com/webstore/detail/octotree-github-code-tree/bkhaagjahfmjljalopjnoealnfndnagc Octotree - GitHub code tree GitHub on steroids chrome.google.com

회사에서 매우 유용하게 잘 사용하고있는 커밋 메시지 템플릿! 💖 템플릿 파일 생성하기 - 커밋 시 Git은 commit.template 옵션에 설정한 템플릿 파일을 보여준다. - 커밋 메시지 템플릿을 지정하면 커밋 메시지를 작성할 때 일정한 스타일을 유지할 수 있다. 1. gitmessage.txt 생성 - git이 있는 현재 폴더 위치에서 아래 명령을 실행해 .gitmessage.txt 파일을 생성한다. touch .gitmessage.txt 2. gitmessage.txt 커밋 메시지 작성하기 ################ # () : # 제목은 50자 이내 / 변경사항이 "무엇"인지 명확히 작성 / 끝에 마침표 X # 타입과 제목은 필수 / 범위는 선택 # 예) feat : 로그인 기능 추가 # 바..

💖 .gitignore 파일이란? .gitignore 파일은 Git root 디렉토리에 저장되어, Git Repository나 Staginh Area에 추가되지 말아야 하는(무시되어야 하는) 폴더나 파일을 정의하는 파일입니다. # Logs logs *.log npm-debug.log* yarn-debug.log* yarn-error.log* lerna-debug.log* .pnpm-debug.log* # Diagnostic reports (https://nodejs.org/api/report.html) report.[0-9]*.[0-9]*.[0-9]*.[0-9]*.json # Runtime data pids *.pid *.seed *.pid.lock # Directory for instrumented l..

https://ko.javascript.info/ 모던 JavaScript 튜토리얼 ko.javascript.info 💻 Hello, world! - ‘script’ 태그 ✔ 스크립트 후 🔥 모던 마크업 ✔ HTML4에선 스크립트에 type을 명시하는 것이 필수였습니다. 따라서 type="text/javascript" 속성이 붙은 스크립트를 어렵지 않게 찾을 수 있었습니다. 이젠 타입 명시가 필수가 아닙니다. 🔮 외부 스크립트 ✔ 자바스크립트 코드의 양이 많은 경우엔, 파일로 소분하여 저장할 수 있습니다. 이렇게 분해해 놓은 각 파일은 src 속성을 사용해 HTML에 삽입합니다. ✔ 복수의 스크립트를 HTML에 삽입하고 싶다면 스크립트 태그를 여러 개 사용하면 됩니다. 🚨 주의 🚨 - HTML 안에 직접..

https://ko.javascript.info/ 모던 JavaScript 튜토리얼 ko.javascript.info 💻 자바스크립트란? 자바스크립트는 ‘웹페이지에 생동감을 불어넣기 위해’ 만들어진 프로그래밍 언어입니다. ✔ 자바스크립트로 작성한 프로그램을 스크립트(script) 라고 부릅니다. 스크립트는 특별한 준비나 컴파일 없이 보통의 문자 형태로 작성할 수 있고, 실행도 할 수 있습니다. 컴파일 : 인간이 이해할 수 있는 언어로 작성된 소스 코드(고수준 언어 : C, C++, Java 등)를 CPU가 이해할 수 있는 언어(저수준 언어 : 기계어)로 번역(변환)하는 작업을 말한다. ✔ 자바스크립트는 브라우저뿐만 아니라 서버에서도 실행할 수 있습니다. 자바스크립트 엔진(JavaScript engine)..

💖 CSS 미디어 쿼리(Media Query) 미디어 쿼리는 단말기의 유형, 화면 해상도, 뷰포트 너비 등에 따라 사이트의 스타일(CSS)을 적용할 수 있습니다. 해상도 320px 이상 또는 768px 미만 -> 스마트폰 해상도 768px 이상 또는 1024px 미만 -> 태블릿 해상도 1024px 초과 -> PC 1. , , , 기타 다른 HTML 요소에 media 특성을 사용해 특정 매체만 사용하도록 할 때 사용합니다. 2. CSS @media, @import @규칙을 사용해 특정 조건에 따라 스타일을 적용할 때 사용합니다. 3. 모든 최신 브라우저에서 미디어 쿼리가 동작하지만, 만약 IE 8이하에서 동작해야하는 경우라면 polyfill 라이브러리를 사용합니다. @media only | not 미디어..

우주 핵 똥멍청이 서스포PAR... 깃허브만 배포하면 되는것을 Netlify까지 같이하는 줄 알고 깃허브, Netlify 까지 배포하였으니... 그래서 미래를 위해 정리하는 글이다. 외쳐 똥멍청이 💖 Netlify 란? Netlity는 GitHub, GitLab 등과 계정 연동 및 쉬운 호스팅을 제공하며, CDN, Continuous Deployment(지속적 배포), One-Click HTTPS 제공 등 고성능 사이트 / 웹 응용 프로그램을 제작하는데 필요한 쉽고 빠른 다양한 서비스들을 제공합니다. 🎁 홈페이지🎁 https://www.netlify.com/ Netlify: Develop & deploy the best web experiences in record time A powerful serve..