더 알아보기/개념37 JS의 메모리 누수 자바스크립트의 메모리 누수 (Memory Leaks) Memory Leaks 메모리 누수란? 부주의 또는 일부 프로그램 오류로 인해 더 이상 사용되지 않는 메모리를 해제하지 못하는 것 자바스크립트의 메모리 스택 메모리: 단순 변수 (String, Number, Boolean, Null, U beenlog.tistory.com [Java] Garbage Collection(가비지 컬렉션)의 개념 및 동작 원리 (1/2) 1. Garbage Collection(가비지 컬렉션)이란? [ Garbage Collection(가비지 컬렉션)이란? ] 프로그램을 개발 하다 보면 유효하지 않은 메모리인 가바지(Garbage)가 발생하게 된다. C언어를 이용하면 free()라는.. mangkyu.tistory.com 메.. 2022. 6. 15. EJS Include란? ejs란? EJS란? Embedded JavaScript Template의 약자로써 NodeJS와 Express에서 많이 사용하고 있는 템플릿 엔진입니다. 사용자 수가 많은 Jabe 템플릿은 HTML과 작성법이 많이 다른 반면에 ejs는 기존의 HTML 문법에 한.. eundol1113.tistory.com ejs에 대한 개념 설명은 위 참고 Include 작업을 하다보면 header나 footer 등의 내용이 중복되는 경우가 종종 발생합니다. 이럴 때 중복되는 코드를 하나하나 작성한다면 수정사항이 생길 때마다 해당하는 모든 코드를 찾아야 합니다. 따라서 템플릿을 이용하여 중복하는 코드를 모듈화 할 수 있습니다. 템플릿 엔진으로는 ejs를 사용합니다. var express = require('expres.. 2022. 3. 1. EJS란? EJS란? Embedded JavaScript Template의 약자로써 NodeJS와 Express에서 많이 사용하고 있는 템플릿 엔진입니다. 사용자 수가 많은 Jabe 템플릿은 HTML과 작성법이 많이 다른 반면에 ejs는 기존의 HTML 문법에 한해서 를 사용하여 크게 벗어나지 않아 더욱 쉽게 서버의 데이터를 사용하거나 코드를 실행 할 수 있다는 장점이 있습니다. 기본 문법 - 주석 : - JS 코드 : - 변수 출력 : (HTML Escape 처리 : >를 $gt로 변환) - 태그 내부 공백 제거 : - HTML Escape를 안하고 변수 출력 : // // npm/yarn을 사용하여 ejs 설치 $ npm install ejs or $ yarn add ejs NodeJS와 연동 (= 데이터 넘겨.. 2022. 3. 1. Git fork vs clone 프로젝트를 진행 하면서 clone과 fork를 많이 했었는 데 정작 정확한 의미는 모르고 있었던 것 같아 이참에 제대로 정리 해보기로 하였다! 아래 사이트들을 참고하여 정리 하였다. [Git] clone 과 Fork 의 차이점 이번 글에서는 clone과 Fork의 차이점을 알아보려 한다. 1. fork란? fork는 다른 사람의 Github Repository에서 내가 어떤 부분을 수정하거나 추가 기능을 넣고 싶을 때 해당 repository를 내 Github Repository.. devlog-wjdrbs96.tistory.com [ Fork ] fork는 다른 사람의 Github Repository에서 내가 어떤 부분을 수정하거나 추가 기능을 넣고 싶을 때 해당 repository를 내 Github .. 2022. 2. 5. 옵셔널 체이닝 → ?. 옵셔널 체이닝 '?.' ko.javascript.info 옵셔널 체이닝(optional chaining) ?.을 사용하면 프로퍼티가 없는(연관성이 없는) 중첩 객체에 에러 없이 안전하게 접근할 수 있습니다. [ 옵셔널 체이닝이 필요한 이유 ] 몇가지 예를 들어 보겠습니다. 사용자가 여러 명 있는데 그중 몇 명은 주소 정보를 가지고 있지 않다고 가정 했을 떄, user.address.street를 사용해 주소 정보에 접근하면 에러가 발생할 수 있습니다. let user = {}; // 주소 정보가 없는 사용자 alert(user.address.street); // TypeError: Cannot read property 'street' of undefined 또 다른 사례로는 브라우저에서 동작하는 코드를 .. 2022. 2. 5. 아토믹 디자인 패턴 (Atomic Design Pattern) [ 아토믹 디자인이란? ] "Atomic Design helps to build consistent, solid and reusable design systems" (Atomic Design은 일관되고 견고하며 재사용 가능한 디자인 시스템을 구축 하는 데 도움이 됩니다.) 이 개발 방식은 개발뿐만 아니라 디자인에도 적용되는 설계 패턴입니다. 말 그대로 작은 단위의 컴포넌트를 재사용성이 강하고, 단단하게 설계함으로써 점진적이고 지속적으로 개발하기 용이하게 하는 방식입니다. 웹 프론트개발에 가장 많이 쓰이는 프레임워크인 Vue, React 모두 컴포넌트 단위로 개발을 진행하기 때문에 이러한 컴포넌트 중심 설계 패턴이 더욱 주목 받게 되었습니다. (Flutter도 마찬가지입니다.) 🍅 Atom(원자) : 하나.. 2022. 1. 27. callback() [ 초보자의 콜백 함수 ] 정의 : 함수에 파라미터로 들어가는 함수 용도 : 함수를 순차적으로 실행하고 싶을 때 사용한다. document.querySelector(".button").addEventListener("click", function () { console.log("버튼을 눌렀을 때 함수를 실행 시켜주기 때문에 순차적임") }); setTimeout(function() { console.log("1초 후에 함수를 실행 시켜주기 때문에 순차적임") }, 1000) 특징 - 파라미터에 함수를 넣을 때 다른 곳에서 정의된 함수도 콜백 함수에 넣을 수 있다. - 콜백 함수에 함수를 만들 경우 쓸데없이 함수명 작성 할 수 있다. - 콜백 함수가 필요한 함수들만 콜백 함수를 사용 할 수 있다. (ex .. 2022. 1. 24. CI/CD란? 이전에 CI/CD에 대해서 정리한 글이 있지만, 한번 더 복습하면서 이해하기 위해 정리 + 적용하는 방법에 대한 글이다. CI/CD (지속적인 통합/지속적인 제공/지속적인 배포) CI/CD란? DevOps 엔지니어의 핵심 업무라고들 합니다. CI (Continuous Intergration) : CI는 Continuous Integration 즉, 지속적인 통합이라는 의미를 내포하고 있습니다. 지속적인 통합이란, 어플리케이션의 새.. eundol1113.tistory.com CI/CD 적용하기 개요 DevOps DevOps란 개발과 운영을 함께하는 소프트웨어 개발 방법론입니다. 소프트웨어 개발 시에는 개발뿐만 아니라 빌드, 테스트, 배포 등 여러 과정이 필요합니다. 따라서 기존의 회사들은 하 dibtd... 2022. 1. 19. CI/CD (지속적인 통합/지속적인 제공/지속적인 배포) CI/CD란? DevOps 엔지니어의 핵심 업무라고들 합니다. CI (Continuous Intergration) : CI는 Continuous Integration 즉, 지속적인 통합이라는 의미를 내포하고 있습니다. 지속적인 통합이란, 어플리케이션의 새로운 코드 변경 사항이 정기적으로 빌드 및 테스트 되어 공유 레포지토리(repo)에통합하는 것을 의미합니다. (가능하다면 하루에 여러번까지) CI가 필요한 환경에는 어떤 조건들이 있을까요?? 다수의 개발자가 형상관리 툴을 공유하고 사용하는 환경 : N년차 개발자 분들이시라면, 형상관리 툴(Git, SVN 등)을 사용하고 계시죠? 지속적으로 서비스해야 하는 어플리케이션이나 현재 개발 중인 어플리케이션은 기능 추가 시마다 commit 등을 날려 레포지토리(R.. 2022. 1. 8. 이전 1 2 3 4 5 다음 728x90
