자바스크립트 문법/문법 정리 뼈대11 append 와 appendChild 차이 append 노드 객체(Node object)나 DOMString(text)를 사용할 수 있습니다.// appendChild는 텍스트 사용 불가 parent.append('텍스트'); 한번에 여러 개의 자식 요소를 설정할 수 있습니다. // append 는 한번에 한 개 document.body.append(div, 'hello', span, p); append 는 리턴값이 없다. console.log(document.body.append~~~ ) // appendChild는 노드객체를 리턴한다. const div = document.createElement('div'); const span = document.createElement('span'); const p = document.createElem.. 자바스크립트 문법/문법 정리 뼈대 2023. 1. 1. wsl 에서 zsh 삭제. 접속 불가. ㅠ 해결 I'll throw in a few non-root options as well for future readers: In this particular question, where the user's shell was set to Zsh, which had been uninstalled: wsl -e bash The -e/--exec argument launches the specified executable in place of the shell defined in /etc/passwd. Then, of course, a chsh could be issued from inside WSL. Or we can just shortcut it entirely with: wsl -e chsh -s /usr/bin.. 자바스크립트 문법/문법 정리 뼈대 2022. 12. 29. 삽질의 연속. 학습기 (리액트+노드+서버) 미친 휘발성 자바스크립트 - 노드js - 리액트 강의를 계속 넘나들면서, 아 이 미친 휘발성 어떡해야하니. 풀스택을 생각하며 뭔가 빨리 끝까지 가보려하니, 학습량은 방대하고, 서로 연결은 각각 찾아서 해야하다보니, 시간은 몇 배로 들고, 학습중인지라 헷갈림만 더 해갔다. 대안은? 이 휘발성을 막기 위해서는 평상시에 조금이라도 써야하는 것이 진리다. 엑셀을 배우려면, 최대한 엑셀을 사용하려하는 것처럼.. 지금까지 단발성으로 만들어봤던 파이썬 서버, PHP 서버, DB서버들 얼마나 많았는데, 남은게 없니. 컴터와 함께 다 사라졌다. 1. QNAP 나스에 ubuntu22.04 + MySQL 세팅! Ubuntu 22.04 와 Nginx , MySQL 등 DB 서버 설치. 이제 사라지지 않을꺼야... ㅠ 이와 같.. 자바스크립트 문법/문법 정리 뼈대 2022. 12. 22. vscode 프린트 : 라인넘버, 행번호 출력 settings 로 가서, inherit -> on 자바스크립트 문법/문법 정리 뼈대 2022. 12. 20. JSON.stringify(), JSON.parse() JSON(Javascript Object Notation)이란? 서버에서 클라이언트로 데이터를 보낼 때 사용하는 양식이다. 클라이언트가 사용하는 언어에 상관없이 통일된 데이터를 주고 받을 수 있도록 만들어진 텍스트 기반의 데이터 교환 표준이다. 자바스크립트 객체에 프로퍼티 값들을 넣어 JSON형태로 Ajax에 전달한다. 기본 형태는 JSON Object 형태로 객체와 비슷한 형태지만 key와 value의 string 타입은 ""를 붙여 나타낸다. { "name": "hong", "job" : [], "age" : 20, } JSON 메서드 JSON.stringify() javascript 객체를 JSON 문자열로 변환한다. JSON.stringify(value, replacer[optional], spa.. 자바스크립트 문법/문법 정리 뼈대 2022. 12. 17. 배열에 원소 추가: unshift, ...array, push 배열에 원소를 추가할 때 unshift를 쓰곤 한다. arr = [2, 3, 4] arr.unshift(1) arr.unshift(0) console.log(arr) // [0, 1, 2, 3, 4] 그러나 unshift는 다음과 같이 배열의 값을 직접 참조하여 원본 배열에 변형을 일으키는데, 불변성의 이슈에서나 성능 상의 이유에서나 좋지 못하다. arr = [2, 3, 4] // 0: 2, 1: 3, 2: 4 arr.unshift(1) // 0: 1, 1: 2, 2: 3, 3: 4 arr.unshift(0) // 0: 0, 1: 1, 2: 2, 3: 3, 4: 4 그러나 전개연산자를 이용하면 불변성, 성능 이슈를 모두 잡을 수 있다. arr = [2, 3, 4] new_arr = [0, 1, ...ar.. 자바스크립트 문법/문법 정리 뼈대 2022. 12. 17. js - react - node.js - react 끙끙 프론트에 영 재미가 안붙어서 초 슬로우 모드 학습이 지속됐다. 휴... 그냥 꾹참고 해야지 하면서도 머리에 하나도 남지 않는 .. 아 놔. 꾹 참고 코딩애플 리액트 강의를 두 번 실습했는데, 실습했을 때 뿐이였다. 이걸 굳이 싱글 페이지로 만들어서 굳이 렌더링 줄여야해? 장점이라 하면, 트래픽 적게, 약간의 속도 향상? 페이지가 살짝 자연스러워 보일 수 있다. 단점은 ... 검색 엔진에 유리하지 않다. 대형 사이트고, 비주얼이나 인터렉티브가 중요한 사이트라면 필요할 수도 있겠으나, 대부분의 중소 사이트에 필요한 것은 DB 쿼리를 잘 활용하거나, 다른 라이브러리를 활용해서 데이터 시각화 등에 더 신경을 쓰는 것이 좋지 않을까. 학습 시간, 실제 적용 개발 기간 등을 고려하면 기능적인 면에 더 투자하는 것이.. 자바스크립트 문법/문법 정리 뼈대 2022. 12. 16. 리액트 렌더링은 언제 언제? 열외! 나는 재렌더링에서 빼줘 ** useEffect 프롭스가 계속 바뀌더라도, 처음 한번만 실행하거나, 마지막에 실행. runs a function when the props change, or only at the start or end of the component's lifecycle. import { useState, useEffect } from "react"; useEffect(()=>console.log("API호출 함수(난 한번만)"), []); ** Memo : 프롭스가 변경되지 않았으면, 재렌더링을 막는다. const 메모Btn = memo(Btn); //Btn 에 memo 를 줌 Btn.propTypes = { border: PropTypes.number, 이럴 때 재렌더링 발생 1.. 자바스크립트 문법/문법 정리 뼈대 2022. 12. 16. 1107- 노마드/ 리액트 시작. 이틀째 잠시 보류 리액트 강의 몇 개를 봤는데, 대부분 리액트에서는 이렇게 사용한다. 자바스크립트랑 이게 다르다인데, 노마드코더의 설명은 완전 다른 레벨이네. 게다가, 강의중에 짧게 정리, 복습을 반복해준다. 역시 본인의 이해가 깊어야 강의를 잘하는 것 같다. 중요성도 인정하지만 흠.... 다른 강의들 패턴이 바꼈는지, 입문 강의 인데, 오히려 처음 시작을 자바스크립트 문법과 비교하는 것으로 시작해서, 아무도 안쓴다면서 createReact 함수를 보여줘서... 끙. 에너지 아껴야 하는데... 그래서, 나중에 다시 보기로 했다. 처음에 머리 싸매지 않고, 가장 쉬운 맛보기 강의를 듣고자 한다. 쉬워야 집중해서 연습하고, 빨리 늘더라. 입문이 어려우면, 키보드 쳐볼 엄두도 안나고... 오히려 머리로 멍~~~하게 되더라. r.. 자바스크립트 문법/문법 정리 뼈대 2022. 11. 7. DeepDive 학습 중 DeepDive 책이 일반적인 입문서와 다른 점이, 화살표 함수, 배열 등이 상당히 뒷 부분에 나온다는 점인데, 이론적으로는 옳은 구성이다. 저자의 의도는 충분히 이해가 가지만, 흠.... 이 책으로 시작하는 사람들은 아주 물리게 하는 주범이라는 ... 추상적인 관념은 죽어라 이해한 듯 한데, 실제 필요한 부분들이 너무 뒤에 나오니까. 이런 점에서 DOM 과 이벤트가 39, 40장 이라는거는.....ㅠㅠ 꾸역꾸역 27장 배열까지는 학습했고, 이제는 드디어 끊을 수 있는 분기점이 된 것 같아서 겨우 학습을 중단했다. DOM, EVENT 등은 보통 재밌고, 실용성 있는 예제들로 많이 구성되는데, 딥다이브 책을 보면 .... 무지무지....ㅠㅠ 그래서 끊었다. 아니, 끊을 수 있었다. 이후로는 여러가지 재미있.. 자바스크립트 문법/문법 정리 뼈대 2022. 11. 4. 39장 DOM (노드 취득, 탐색, 조작, 어트리뷰트, 스타일 ) 자바스크립트 문법/문법 정리 뼈대 2022. 4. 19. 이전 1 다음