Javascript - 함수 관련 기초

자바스크립 함수 기초 익명 함수와 선언적 함수 익명함수 const f = function (매개변수, 매개변수) { return 리턴값 } 선언적 함수 function f (매개변수, 매개변수) { return 리턴값 } const f 가 변수 이름이 있으니까 익명이 아니지 않나! 라는 무식한 생각을 했지만 변수 이름은 있고 함수 이름은 없으니 익명 함수 맞음 ^^ ( 이렇게 기억하고있자 ㅠ ) 초기에는 선언적 함수를 더 많이 사용했는데 자바스크립트가 프로그래밍 본질을 발전시켜나가면서 익명 함수를 더 많이 쓰게 되었다고 한다. 왜냐하면 ... 함수() // → 선언적함수입니다. 함수 = function(){ // (2) 얘가 나중에 실행됨 console.log('익명함수입니다.') } function 함..

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

React - JSX, 컴포넌트, 프로퍼티, 상태

와 내가 드디어 리액트를 해본다 리액트 - JSX JSX (Javascript XML)는 Javascript에 XML을 추가 확장한 문법! 리액트로 프로젝트를 개발할 때 사용하고 공식적인 문법은 아님! 또한 브라우저에서 실행하기 전에 바벨을 사용하여 일반 자바스크립트 형태의 코드로 변환된다. * Babel은 최신 ES6버전을 구 버전인 ES5로 변환해준다. 또한 JSX문법을 Javascript 문법으로 변환하는 기능도 가지고 있으며, React에서 JSX를 사용할 수 있게하는 핵심적인 역할을 함 그래서 jsx문법 적용시 스크립트를 불러올 때 타입을 babel로 지정해줘야한다. createElement() 적용 (1) 첫번째 파라미터 → 태그명 (2) 두번째 파라미터 → 태그 내부의 속성명으로 변경 (3)..

• format_list_bulleted 🧠 저장/React
• · 2022. 10. 18.
• textsms

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

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

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