celine

디자인 시스템을 활용해 프로젝트를 진행한 경험은 있지만, 시스템이 어떻게 구축되는지는 이해하지 못한 채 단순히 사용하는 데 그쳤습니다. 디자인 화면 구현과 UI 제작 과정 자체에 흥미가 있는 편이기에 디자인 시스템을 만들어보자! 모르는건 ChatGPT에게 질문중! 과정은 노션에 정리중!https://indigo-andesaurus-e0c.notion.site/1d809d179e108068bb05f1b55b9ea4c9?pvs=4 디자인시스템 라이브러리 만들기 | Notion디자인시스템 라이브러리란?indigo-andesaurus-e0c.notion.site 깃헙에도 올리는 중https://github.com/Celinejoo/design-system GitHub - Celinejoo/design-syste..

함수지향 - 클로저 생활코딩 자바 스크립트 입문 내용 정리 클로저란 ? 내부함수가 외부함수의 맥락에 접근할 수 있는 것- 내부함수와 외부함수에 대해서 알아보기function outer(){ function inner(){ var title = '내부함수' alert(title) }}function outer(){ var title = '내부함수' //외부함수에 선언된 지역변수 function inner(){ alert(title) //내부함수에 선언된 지역변수가 없다면 외부 함수에 있는 변수를 가져옴 }}//즉 내부함수에서 외부함수에 있는 지역변수에 접근 할 수 있다. -> 클로저 클로저란???function outer(){ var title = '내부함수' //외부..

출처 : 생활코딩 자바스크립트 강의 정리 1. 값으로서의 함수자바스크립트의 특징 : 함수 자체가 값이 될 수 있다.function a() {}var a = function(){} 함수는 값이고, 객체 안에 담길 수 있다.a = { b:function(){ //b는 key,속성(property) //value는 함수, 이것은 메소드(method)라고 한다. }} 1-2. 값으로서의 함수와 콜백function cal(mode){ var funcs = { 'plus' : function(left, right){return left + right}, 'minus' : function(left, right){return left - right} } return fu..

생활코딩 자바스크립트강의 정리시즌2 - 함수 1-1 Scope (유효범위)var vscope = 'global';function fscope(){ var vscope = 'local'; alert(vscope);}fscope();//결과값 : local 지역변수 : 'local variables' , 함수 안에서 선언 된 변수, 선언된 내부에서만 접근 간으전역변수 : 'global variables', 함수 밖에서 선언된 변수, 애플리케이션 전역에서 접근이 가능한 변수var vscope = 'global';function fscope(){ var vscope = 'local'; var lv = 'local var' alert(lv);}fscope(); //결과값 : local varale..

1. 객체배열 :  연관 되어 있는 것들을 담아 놓은 그릇객체 : key, value로 구성되어 있는 데이터를 담아 놓은 그릇빈 객체 만들기 var grades= new Object();var grades = {'test': 10, 'test2' : 20};객체에 있는 값 선택하기grades.test === grades['test'] 1-1.객체와 반복문- 객체안에 저장된 값은 순서가 없지만, key와 value가 있음for key in 객체var grades = {'test11': 10, 'k8805': 6, 'sorialgi': 80};for(key in grades) { console.log(key) // test11, k8805, sorialgi 출력 document.write(grads[key]..

1. Font-family 1 ) Serif : 각 문자의 가장자리에 작은 획이 있습니다. 2 ) Sans-serif : 깔끔한 선이 있습니다(작은 획이 첨부되지 않음) 3 ) Monospace : 모든 문자는 동일한 고정 폭을 가집니다. - Courier New - Lucida Console - Monaco 2. Font-Style 1) Normal 2) Italic 3) Oblique ✔️ Italic vs oblique Oblique 스타일 글꼴은 일반 스타일의 약간 기울어진 버전입니다. Italic 서예에 더 가깝습니다. 3. Font Size Font 단위는 절대 크기와 상대 크기로 나뉩니다. 1 ) 절대 크기 텍스트를 지정된 크기로 설정합니다. 사용자가 모든 브라우저에서 텍스트 크기를 변경하는..