Javascript - 스택과 힙, 파괴적 처리와 비파괴적 처리

Javascript 자바스크립트 공부하다가 알아둬야할 것 같아서 따로 포스팅 정확하진 않지만 대충 이런 느낌이라고 생각하면 될듯 🧀 스택(Stack)과 힙(Heap) 간단 이해 기본 자료형 숫자, 문자열, 블 스택(Stack) 복합 자료형 배열, 함수, 객체 힙(Heap) 기본 자료형은 스택(Stack)이라는 곳에 저장 복합 자료형은 힙(Heap)에 저장 그러니까 ... 배열은 힙에다가 저장이 됨. 그러면 고유의 위치가 있을테고 그걸 스택에서 해당 위치에 이름을 붙혀서 변수명이 생기는 느낌 그래서 c=[1,2,3] 이 가능해지는 것 여기서 위치는 "주소"고 스택의 주소를 힙의 주소를 가리키는 걸 "레퍼런스"한다고 하고 스택의 변수명은 "레퍼런스 변수" 라고 함 스택(Stack) 기본 자료형과 주소 등을 ..

• format_list_bulleted 🧠 저장/Javascript
• · 2022. 10. 13.
• textsms

Javascript - 모듈 사용하기 (export, import)

Javascript 자바스크립트 기초를 다지자 코드들을 보다보면 export, import로 막 데이터를 주거니 받거니하는데 뭐 대강 데이터를 보내고 받는구나~ 라는건 알고있었지만 자세히는 몰랐음 자세히 봐보자 🐷 export로 내보내고 import로 받는다 export로 데이터 보내기 const greet = "Hello~"; const sumNum = (num1, num2) => num1 + num2; export {greet, sumNum}; 외부와 공유할 변수를 만들고 export{ }에 담아서 보내기 export const greet2 = "이렇게도 보낼 수 있따"; export const sumNum2 = (num1, num2) => num1 + num2; 근데 이걸 더 짧게 이렇게도 보낼 수..

• format_list_bulleted 🧠 저장/Javascript
• · 2022. 10. 6.
• textsms

[근무일지] 비전공 프론트엔드 개발자 첫 1개월 근무 후기

와 프론트엔드 개발자가 된지 한 달이 넘었다! ✌일하다가 주위 둘러보면 개발자같은 사람들이 막 개발하고 있는거 보면 아 진짜 개발자가 되었구나 체감이 된다 ㅋㅋ 물론 난 아직 제대로 뭐하지도 않았다 ㅠ 아무튼 한 달동안 있었던 것들 적어봐야지1. 개망신으로 인한 자바스크립트 기초 공부 다시 시작입사하자마자 팀장이 자바스크립트 기초문법에 대해 넌지시 물어봤다 ... 갑자기 물어봐서 놀랬기도 했고 사실 잘 몰랐음대답을 못했는데 나중에 찾아보니까. 완전 기초중에 기초더라 아우 부끄러! 😭 (객체랑 배열, json 관련된 거 였다..)그래서 한 달간 자바스크립트 열심히 공부 중이다ㅠㅠㅠ 2. Vue 입문 성공회사에서 학원을 보내줬다. (기초도 없다는 걸 들켜버림)학원에서도 개망신당하면 어쩌나 걱정했는데 다행히..

• format_list_bulleted 📃 기록/개발자 일지
• · 2022. 9. 29.
• textsms

전역 컴포넌트, 지역 컴포넌트

Vue 컴포넌트 컴포넌트 컴포넌트란 뷰의 주요 특징인 컴포넌트는 html의 기본 엘리먼트 이외의 특정적인 태그명에 배치시키는 방법 컴포넌트를 잘 활용하면 화면을 빠르게 구조화하여 일괄적인 패턴으로 개발 가능 또한 나중에 재사용하기가 훨씬 편리함 기본 엘리먼트가 아닌 new-element 라는 특정적인 이름의 태그! Vue.component("new-element",{ data : function(){ return { msg : "헬로우 컴포넌트입니다." } }, template : `{{msg}}` }); 뷰 인스턴스를 구성하며 지정된 위치("new-element")로 배정 new Vue({ el : "#new_component" }); 뷰 인스턴스 생성 개발자도구 속성창을 보면 잘 출력이 된걸 볼 수 ..

• format_list_bulleted 🧠 저장/Vue
• · 2022. 9. 29.
• textsms

ꉂꉂ(ᵔᗜᵔ*) 모션그래픽 (lottie)

lottie js 배운 김에 만들어본 모션그래픽  스케치 (구상) 구상단계에서는 글자 '푸하항'도 포함했었지만 작업 중간에 거추장스러워서 제거했다  모션그래픽 AfterEffects로 만든 모션그래픽을 json 형식으로 출력했다.  최종Result 에서 이미지 클릭해보세요

• format_list_bulleted 👨‍🎨 디자인
• · 2022. 9. 29.
• textsms