목록Code개발일지 (103)

Daily Front_Minhhk

[JS] 원시자료형(stack) / 참조자료형(heap)

원시자료형 JavaScript에서 원시 타입의 데이터(primitive data types; 원시 자료형)는 객체가 아니면서 method를 가지지 않는 6 가지의 타입 string, number, bigint, boolean, undefined, symbol, (null) 을 말합니다. 이 중에서 자주 사용하는 4 (+1)가지 원시 자료형 string, number, boolean, undefined, (null) 원시 자료형은 모두 "하나"의 정보, 즉, 데이터를 담고 있다. === 원시 자료형은 데이터 보관함에 저장할 때 하나의 데이터만 담을 수 있다. 변수와 값이 stack에 할당된다. 원시 자료형은 값 자체에 대한 변경이 불가능(immutable)하지만, 변수에 다른 데이터를 할당할 수는 있다. ..
Code개발일지 2022. 11. 7. 12:40
[JS] 객체

객체,,Object 다양한 정보를 담고자 할 때가 객체의 대표 예시가 된다. let user = { firstName: 'steve' , lastName: 'kim' , email: 'steve@naver.com' , city: 'busan' }; 중괄호(curly bracket)로 시작한다⇒ 키와 값 사이는 ‘ : ’ 콜론으로 구분 한다. ⇒ 키+값 은 ‘ , ’ 컴마로 구분한다. 여기서 첫줄을 보면 ‘cha’라는 값을 firstName이라는 키에 할당한다고 한다. 객체의 값을 사용하는법 Dot notation⇒ user.city; // kim ⇒ user.firstName; // steve Bracket notation⇒ user[’city’]; // busan ⇒ user[’firstName’] ;..
Code개발일지 2022. 11. 4. 21:31
[JS] 배열(push,pop / unshift,shift) + (for in/for of, slice/splice/split, concat, join)

배열인지 아닌지 확인하기 let word = [’a’, ’b’, ’c’, ’d’]; type of 를 사용하면 object 라고 나온다. 근데 진짜 객체인지 배열인지 구분이 어렵다. Array.isArray(word) 함수이다. 배열이면 true , 아니면 false를 출력한다. let word = [’a’, ’b’, ’c’, ’d’]; console.table(world) 배열의 요소 추가 및 삭제 배열 뒤를 조작 시 ?? world.push(’e’) 를 하면 word = [’a’, ’b’, ’c’, ’d’, ‘e’] ⇒ 뒤쪽에 추가 world.pop() 을 하면 word = [’a’, ’b’, ’c’, ’d’, ‘e’] ⇒ 뒤쪽 삭제 앞을 조작 시?? world.shift() 를 하면 word = [..
Code개발일지 2022. 11. 3. 16:47
[LINUX] 기본적인 명령어 외 nvm,npm / RWE(읽기 쓰기 실행)

LINUX 기본적인 명령어 프롬포트(prompt) : 터미널에서 글자가 입력되는 공간 (CLI의 명령줄 대기모드 라고도 한다.) CLI에서 .은 현재 폴더를 나타냅니다. ..은 현재 폴더(.)을 기준으로, 앞에 .이 하나 더 붙습니다. 이렇게만들어진 ..은 현재 폴더보다 앞에 있는 폴더를 가리킵니다. pwd: 현재 위치를 확인하는 명령어 mkdir: 새로운 폴더를 생성하는 명령어 ⇒ 폴더를 생성할 때 띄어쓰기를 하려면 \ (백슬래시)를 써야함. ls: 폴더나 파일의 목록을 출력하는 명령어-rw-r--r--이 출력되었다면 파일이라는 것을 의미하므로, cd 명령어로 진입할 수 없다.ls- al , ls -la : 파일의 포맷, 숨겨진 파일 모두 출력 ls -a : a가 all이라는뜻으로 숨겨진 파일도 보여줌..
Code개발일지 2022. 11. 2. 22:16
[간단정리] innerText 와 textContent 차이점 / Number와 parseInt 차이점

innerHTML과 innerText과 textContent 차이는 innerHTML은 요소 내에 있는 HTML과 XML 모두를 의미하고, innerText는 요소 내에서 사용자에게 보여지는 text를 의미하고, textContent는 script나 style 태그와 상관없이 해당 노드가 가지고 있는 text를 의미한다. parseInt와 Number은 비슷하면서도 다른 부분이 있었습니다. 둘 모두 숫자형으로 타입을 바꿔주지만, 문자열이 숫자로 시작하는 경우와 소수점을 표시하는 부분 -> parseInt()에 대해서는 차이점이 있다.
Code개발일지 2022. 11. 1. 20:35
[CSS, JS] 계산기에 기능 추가하기!

🔥 우선 최종적 완성본이다. 나이트메어는 못하겠다~~~ㅜ 지금도 최선을 다했다?! 🗣 그냥 막 사용하는 계산기의 로직이 이렇게 복잡할 줄은 몰랐다ㅎㅎ 역시 쉬운건 없다~ 😵‍💫 오늘은 이렇게 일단락이 되었지만 ,,, 다시 내일을 위해 달려보자고! 깃과 노드에 맛보기 일 듯? 하다 html은 그대로 가져가고, css에서 버튼의 border-bottom 추가와?? 아래 active 추가를 해주었다. 클릭시 효과를 나타낸다! CSS,, .clear__and__enter > button:active { box-shadow: 1px 1px 0 rgba(77, 234, 137, 0.5); position: relative; top:2px; } button:active { color: #ffffff; font-siz..
Code개발일지 2022. 11. 1. 15:28
이전 Prev 1 ··· 12 13 14 15 16 17 18 Next 다음