전체 글 125

NodeJS, NPM

Node.js® (2024) an open-source, cross-platform JavaScript runtime environment (2021) a JavaScript runtime built on Chrome's V8 JavaScript engine 더보기 비하인드 - 구글은 검색엔진과 구글애드로 큰 성공을 거뒀고, 당시 IT의 1인자인 마이크로소프트를 넘보고 있었습니다. 하지만 마소의 원동력인 OS를 새로 만들수는 없는 노릇이었고, 그래서 웹을 하나의 OS로 만들면 어떨까?라는 생각에 하나의 프로젝트를 시작했는데, 개발을 용이하기 위한 디버깅 기능에 공을 들였고 여러가지 소프트웨어를 탑재하기 위해서 V8자바스크립트 엔진을 만들기에 이릅니다. 우리가 자바스크립트 코드를 작성하면, 이 코드를 실제..

재수생의 주간회고록 4주차

4주차 - 약간 지쳐서 풀어진 느낌. - 끝날 때까지 다시 한번 가보자고! - 두번째 챌린지 완료 ✌🏼 🎯 이번 주 목표 스프린트와 챌린지 제출 놓치지 않기! 사이드 프로젝트 마무리하고 이력서 완성하기! 🏃‍♀️ 일일 스프린트 1월 25일 (목) ❌ JS 크롬앱 블로그 정리 #3.0 - 3.5 ✅ JS 크롬앱 챌린지 3rd ✅ TS 블록체인 챌린지 8th ❌ 주간회고록 3주차 1월 26일 (금) ❌ JS 크롬앱 강의수강 #3.6 - 3.8 ✅ JS 크롬앱 챌린지 4th ✅ 리액트 마스터 강의수강 #8.0 - 8.16 ✅ 리액트 마스터 챌린지 5th 1월 27일 (토) 1월 28일 (일) ✅ TS 블록체인 챌린지 9th (최종) ⚠️ 리액트 마스터 강의수강 #9.0 - 9.15 9.9 ❌ 리액트 마스터 챌..

[CSS] CSS, SASS, SCSS, LESS

[Sass] Sass란? Sass에 대해 알아보자 [ Sass ] Sass(Syntactically Awesome StyleSheets)는 CSS pre-processor로서 CSS의 한계와 단점을 보완하여 보다 가독성이 높고 코드의 재사용에 유리한 CSS를 생성하기 위한 CSS의 확장이다. CSS despiteallthat.tistory.com [CSS] CSS, SASS, SCSS 차이점, 사용방법 ⏲ TL;DR SASS와 SCSS는 CSS를 편리하게 사용할 수 있도록 하며 추가 기능 또한 있는 확장판 스크립트 언어 SASS, SCSS에서 기존의 CSS의 기능 부재 단점을 보완한 다양한 기능 추가 SASS는 들여 쓰기+줄 바 cocoon1787.tistory.com Sass(SCSS) 적용하기 📝 개..

A-HA💡/CSS 2024.01.30

재수생의 뒤늦은 주간회고록 3주차

3주차 - 완벽하지 않아도 계속 나아감에 박수를 보낸다. - 앞으로 더 제한시간 내에 필요하고 중요한 정보만 쏙 흡수하도록 연습해보자 🎯 이번 주 목표 스프린트와 챌린지 제출 놓치지 않기! 🏃‍♀️ 일일 스프린트 1월 18일 (목) ✅ 주간회고록 2주차 ⚠️ 리액트 마스터 강의수강 #2.7, 3.2, 3.6 ✅ TS 블록체인 챌린지 Day4 1월 19일 (금) ✅ 리액트 마스터 강의수강 #5.0 - 5.16 ✅ 리액트 마스터 챌린지 Day4 ❌ 코코아톡 클론 강의수강 #6.12 - 6.17 ✅ 코코아톡 챌린지 Day11 1월 20일 (토) ✅ TS 블록체인 Day5 1월 21일 (일) ✅ 코코아톡 클론 강의수강 #6.0 - 6.40, 7.1 ✅ 코코아톡 챌린지 Day12 (졸업작품) 1월 22일 (월) ..

[CSS] 반응형

https://nykim.work/84 반응형 웹 뚝딱 만들기 (1) - 뷰포트 메타태그와 미디어 쿼리 이 글은 공동 기술 블로그(tech.yeon.me)에도 올린 글입니다. (여기에서도 숨겨진 좋은 글을 발견할지도 몰라요!) 프롤로그 모바일 사용자가 점점 늘어나는 요즘 반응형으로 만든 웹 사이트를 쉽게 nykim.work https://nykim.work/85 반응형 웹 뚝딱 만들기 (2) - vw, vh, vmin, vmax, em, rem 속성 프롤로그 지난 글에는 반응형을 위해 필요한 뷰포트 메타태그와 미디어 쿼리에 대해 다뤘었는데, 이번에는 CSS 속성을 통해 좀 더 편하고 쉽게 반응형을 만드는 방법을 알아보려고 합니다 🤟 히 nykim.work

A-HA💡/CSS 2024.01.22

재수생의 주간회고록 2주차

2주차 - 밀린 강의보다 오늘의 강의가 최우선 - 모든 코스를 소화하기 위해선 먹고 자고 쉬는 시간 조차 조절해야한다. - 모든 것은 굵고 짧게. 할 수 있다. 유캔두잇. 지나간 일보다 오늘의 과제에 집중하자. 🎯 이번 주 목표 스프린트와 챌린지 제출 놓치지 않기! 🏃‍♀️ 일일 스프린트 1월 11일 (목) 더보기 ✅ 주간회고록 1주차 ✅ 코코아톡 클론 강의수강 #3.0 - #3.5 ✅ 코코아톡 챌린지 Day4 💪🏽 코코아톡 블로그 정리 #1.5 - 2.11 ✅ 리액트 영화웹서비스 강의수강 #3.7 - #4.2 💪🏽 알고리즘 1문제 ✅ 우리은행 ✅ 중고 택배 접수 💪🏽 SNPE 1월 12일 (금) 더보기 ✅ 코코아톡 클론 강의수강 #3.6 - 3.11 ✅ 코코아톡 챌린지 Day5 💪🏽 코코아톡 블로그 정..

VSC 간편 단축키

7) 반복되는 단어 한방에 수정 ⌘ + D or Ctrl + D(한번씩 일일이 눌러줘야함 / 귀찮으면 Ctrl + F2) 6) 클릭하는 곳마다 커서 생성 ⌥ + Click or Alt + Click 5) 코드 위/아래로 움직이기 ⌥ + ↑ / ↓ or Alt + ↑ / ↓ 4) 코드 복사해서 위/아래로 움직이기 ⌥ + ⇧ + ↑ / ↓ or Alt + ⇧ + ↑ / ↓ 3) 코드 블록 한방에 코멘트 처리하기 ⌘ + / or Ctrl + / 2) 선택된 영역에 커서 만들기 ⌥ + ⇧ + i or Alt + ⇧ + i 1) 마우스가 가는 곳 마다 커서 만들기 ⌥ + ⇧ + Mouse Drag or Alt + ⇧ + Mouse Drag Bonus: 파일 맨 위-아래로 한번에 이동하기 Top / Bottom o..

A-HA💡 2024.01.17