quantumcode

homebrew (홈브류) 소프트웨어 패키지 관리 시스템 : mac OS 운영 체제의 소프트웨어 설치를 단순하게 만들어준다. 설치 링크 : https://brew.sh/index_ko Homebrew The Missing Package Manager for macOS (or Linux). brew.sh 1. 터미널을 열고 홈브류에서 제공하는 설치 링크로 설치한다. 2. 설치가완료되면 다음 스텝에 대한 안내에 따라 터미널에서 추가 입력한다. ( 아래에서 안내하는 두개의 명력어를 실행한다. ) ==> Next steps: - Run these two commands in your terminal to add Homebrew to your PATH: (echo; echo 'eval "$(/opt/homebre..

아래 링크의 사이트는 웹상에서 가장 많이 사용되는 HTML 데이터 키워드 볼륨으로 선택한 약 3천만 개의 키워드에 대해 상위 20개 Google 결과에서 수집한 1,130만 개의 색인 페이지에서 가져옵니다. 이 데이터를 기반으로 가장 많이 사용되는 태그 위주로 html 태그를 익혀보세요. https://www.advancedwebranking.com/seo/html-study/ HTML Study | Advanced Web Ranking This study looks at 11 mm index pages gathered from Top 20 Google results to uncover how people write HTML markup as new web tech emerge. www.advancedw..

처음 개발 언어를 배울때 무슨 언어를 배워야할지 고민이 될때가 많습니다. 막연히 좋아하는 언어, 코딩방식이 마음에 들거나 혹은 단순히 개발언어 이름이 마음에 들어서 선택하는 경우도 보았습니다. 개발 언어를 배운다는 것은 많은 시간과 노력이 필요합니다. 그리고 시대적인 트랜드에 맞지않는 개발언어는 사라지는 경우 많이 있습니다. 개인적 판단으로 언어를 선택하고 배운다는 것은 상당한 리스크를 감수해야 합니다. 그럼 리스크를 최소화하고 시대적 흐름에 맞는 개발 언어를 선택할 수 있는 방법은 없을까요? 레거시 소스들이 어떤 개발 언어로 구축되어있으며 현업에 있는 개발자들이 어떤언어를 주로 사용하며 관심을 갖고있는지 등을 데이터로 확인 할 수 있다면 우리가 감수해야하는 리스크를 조금이나마 해소할 수 있을것 같습니다..

live sass compiler 컴파일 경로 변경 : { "liveSassCompile.settings.formats":[ { "format": "expanded", "extensionName": ".css", "savePath": "~/../css" } ], "liveSassCompile.settings.excludeList": [ "**/node_modules/**", ".vscode/**" ], "liveSassCompile.settings.generateMap": false, "liveSassCompile.settings.autoprefix": [ "> 1%", "last 2 versions" ], }

싱글 페이지 애플리케이션(single-page application, SPA, 스파) 란? 서버로부터 완전한 새로운 페이지를 불러오지 않고 현재의 페이지를 동적으로 다시 작성함으로써 사용자와 소통하는 웹 애플리케이션이나 웹사이트를 말한다. 장점 : 단일페이지로 구성되어 있기 때문에 배포가 간단하며 네이티브 앱과 유사한 사용자 경험을 제공할 수 있다. 단점 : 필요한 모드 정적 리소스를 최초 접근 시 한번에 다운로드하기 때문에 초기 구동 속도가 상대적으로 느리다. ex ) vue.js, react.js

javascript 내장 된 함수 중 문자열을 나누는 메서드에 대해서 알아보고 예시를 통해서 활용해보자. split(“”) split함수는 split(“”)와 같이 사용 배열로 반환한다. var a = "1,2,3" ; var array = a.split(","); //출력 array[0] : 1 substr() substr함수는 substr(시작인덱스,길이)와 같이 사용 var a = "1234567890" ; var abc = a.substr(2, 5); //출력 abc : 34567 substring() substring함수는 substring(시작인덱스,종료인덱스)와 같이 사용 시작인덱스는 추출포함(O), 종료인덱스는 추출포함(X) 음수 입력시 ‘0’으로 인식 매개변수 작은 숫자가 시작인덱스, 큰..

브라우저가 랜더링 되는 과정 1. HTTP 통신을 통해서 파일 로딩 2. HTML 파일을 파싱 3. 랜더트리구축 4. 랜더트리배치 5. 화면에 그리기 위 순서대로 브라우저는 랜더링 과정을 거쳐서 클라이언트는 브라우저화면을 통해 웹정보를 확인 할 수 있다. jquery의 $(document).ready() 의 경우 DOM이 로드된 시점 즉 3번에 해당하면 배치와 그리기가 완료 되지 않은 상태에서 실행문을 실행된다. 반면 window.onload의 경우 랜더링이 완료된 시점에서 실행구문이 실행된다. DOM 요소를 조작하는 코드를 head 영역에서 실행할 경우 아래와 같이 해당 DOM 요소 배치 되지 않았기때문에 노출할 수 없다. javascript는 인터프리터 언어이기 때문에 html 코드의 상단에서 부터 ..

펌웨어 하드웨어를 조정하는 소프트웨어 특징: 소규모 개발에 적합하다. 8bit, 16bit로 개발 운영체제가 없다. 하나의 일을 반복적으로 하는 로직 구현 예) 버스카드결제, QR체크 등 임베디드 소프트웨어 펨웨어 중 실시간 프로그래밍이 필요한 소프트웨어 특징 : 실시간 기능 사용 ( RTOS : Real Time OS) OS 운영체제를 사용하는 소프트웨어 32bit 로 개발 예) 탄도미사일, 비행기 항법장치, GPS체크, 자동차 유리창 실시간 진동체크 와이퍼 구동 ( MPU 자동차 : 자동차의 CPU역할 ) 임베디드 소프트웨어 개발 필요 요소 : 하드웨어, 소프트웨어(펌웨어), 운영체제(임베디드) 사물인터넷(IOT): 하드웨어 + 임베디드 + 통신 통신 : IP주소 4 IP주소 4의 경우 현재 포화상태..

테스트 주도 개발(Test-driven development, TDD)은 매우 짧은 개발 사이클을 반복하는 소프트웨어 개발 프로세스 중 하나이다. 블랙박스 : ​소프트웨어의 내부 구조나​ 작동 원리를 모르는 상태에서 동작을 검사​하는 방식이다. 즉, 내부에 어떤 내용이 있는지 하나도 모른 채, 내가 원하는 기능이 예측한대로 정상 동작 하는지를 확인하는 방식이다. 화이트 박스 : ​응용 프로그램의 내부 구조, 동작을 ​디테일하게 검사​하는 테스트 방식이다. 디테일하게라는 의미는 ​내부 소스 코드를 테스트 하는 기법​이며 사용자가 들여다 볼 수 없는 구간의 코드 단위들을 테스트 할 수 있다. 즉, 개발자가 소프트웨어 또는 컴포넌트 등의 로직에 대한 테스트를 수행하기 위해 설계 단계에서 요구된 사항을 확인하는..

Jquery jquery는 html의 클라이언트 사이드 조작을 단순화 하도록 설계된 크로스 플랫폼의 자바스크립트 라이브러리입니다. html elements를 동적으로 구현하기에 적합한 스크립트 아래 jquery 라이브러리의 DOM 요소를 선택하는 방법과 문법에 대해서 알아보겠습니다. jqeury 코드 추가하기 추가방법 1 : https://jquery.com/download/ 위 주소에서 라이브러리 코드를 가져옵니다. 다운로드 또는 CDN방식으로 적용할경우 파일 주소를 가져와서 html head 영역에 추가해 줍니다. jquery는 DOM 요소를 조작하는 경우가 많으므로 아래와 같이 실행코드를 작성하기 전에 ready method를 사용하여 document가 모두 준비된 이후 로직을 작성합니다. $(do..