Web

리액트 공부 정리

사용한 기술 스택들: React - 생활코딩 리액트 특징: 사용자 정의 태그 만들기 src/index.js 에서 쓰여 있는 데로 npm start가 작동됨 npm run build를 실행하면 빌드가 되고 npx serve -s build를 그다음에 실행하면 배포용 웹이 실행이 된다 태그들의 모음을 함수로 만들고 그 함수를 또 다른 태그/컴포넌트로 사용이 가능하다 prop: 우리가 만든 태그의 속성 - kwargs느낌이라고 생각하면 될듯하다 속성을 출력 하려면 중괄호 안에 넣어줘야 제대로 된다. 중괄호가 없으면 object가 아니라 string이 전달됨 자동으로 react에서 생성한 값들은 key라는 prop이 있어야지 성능이 올라간다 state를 사용해서 이미 정의된 변수의 값을 변화시켜 페이지에 반영을..

자바스크립트 공부 정리

사용한 기술 스택들: html에 자바스크립트 코드를 작성하고 싶으면 태그 안에 넣는다 태그에서 on~ attribute는 javascript 코드를 이벤트가 트리거 될 때 실행시켜 준다 F12를 눌러 console로 들어가서 javascript 코드를 임의로 실행시킬 수 있다 HTML style attribute를 사용하면 css를 적용할 수 있다. : 아무 의미도 없지만 자바스크립트로 그 태그를 제어하고 싶을 때 사용한다. 줄 바꿈이 됨 : div와 같지만 줄 바꿈이 없음 HTML class attribute를 사용하면 한 번에 그 클래스를 가진 태그를 제어할 수 있다. (css앞에 .을 붙인다) HTML id attribute를 사용하면 한번에 그 아이디를 가진 태그를 제어 할 수 있다. (css 앞..

HTML 공부정리

사용한 기술 스택들: HTML 태그들: : 밑줄 : 볼드 ~: 제목 : 줄바꿈(쌍 없음) : 단락 : 이미지 넣기(쌍 없음) scr: 이미지의 소스 attribute width: 너비 조정 : 리스트 : 리스트를 다른 리스트와 구분 시켜주는 parent tag unordered list : 순서가 있는 리스트, 마찬가지로 parent tag ordered list : 웹페이지의 제목 : utf-8로 해석 한글을 지원하는 형식 : 본문을 설명하는 태그들의 parent : 본문 그 자체인 태그들의 parent : head와 body를 감싸는 태그 : 이 웹페이지가 html로 만들어 졌다고 문서 제일 위에 쓰는 태그 : 링크 href: HyperText Reference target: 어디에서 이 링크를 열건..

자바스크립트 기초 핵심 노트

사용한 기술 스택들: FrontendMaster의 Getting Started with JavaScript, v2에서 배운 핵심만 정리 변수 타입: Primitive: numbers, strings, booleans, null, undefined Object: Array, Object, String, Date, Number, Boolean 연산: +, -, ==, ||, 변수: 만들 때 var initialization과 assignment는 따로 해도 됨 웬만한 스타일은 Java와 비슷하기 때문에 알고 있으면 굳이 공부할 필요 없음 let, const = block-scoped var = function-scoped 두 개의 for-loop 스타일: for (let i =0;i