공부 1/기타
-
[React] react에서의 조건문/조건부렌더링공부 1/기타 2020. 11. 20. 01:56
1. 삼항연산자 2. AND연산자 3. IIFE(즉시실행 함수표현) 1. 삼항연산자 import React, { Component } from 'react'; class App extends Component { render() { return ( { 1 + 1 === 2 ? (맞아요!) : (틀려요!) } ); } } export default App; 앞의값이 참일 때 ?의 결과 / 거짓일 때 :의 결과 2. AND연산자 class App extends Component { render() { return ( { 1 + 1 === 2 && (맞아요!) } ); } } 앞의 값이 참일 때만 뒤의 결과 거짓일 땐 Xxx 3.IIFE class App extends Component { render() {..
-
[객체지향프로그래밍] 자바스크립트에서 인스턴스를 만드는 방법공부 1/기타 2020. 10. 28. 19:30
인스턴스를 만드는 방법에 대해 알아보았다. 사실 이걸 그냥 줄글로 주루룩 읽을 때는 예..?ㅇㅅaㅇ ㅇㅅㅇr' 하면서 잘 이해가 안갔는데 확실히 코드도 적어보고, 콘솔에도 찍어보고 하니까 이해가 되었다. 역시 백문이 불여일견~!~!~!~!~! 1. Functional Instantiation 함수를 이용해서 찍어내는 방식 var Car = function(){ //함수선언 var someInstance = {}; //객체생성 someInstance.position = 0; //객체의 포지션할당 someInstance.move = function(){ //객체의 무브메소드할당 this.position++; } return someInstance; //객체리턴 }; var car1 = Car(); //Car..
-
[객체지향프로그래밍] OOP란공부 1/기타 2020. 10. 28. 19:25
오늘은 OOP 즉 객체지향프로그래밍에 대해 알아보는 시간을 가졌다. copy&paste는 금지되어 있어 내가 이해한대로 나열해볼까 한다. OOP : 객체지향프로그래밍 Object Oriented Programming 객체지향 프로그래밍이란 복잡도를 줄이는 방법 중 하나이다. 서로 연관되어있는 변수, 함수(메소드)들을 그룹핑하여 객체로 묶어주며 서로 연관되지 않았으면 별도의 객체로 묶어준다. 비슷한 행위를 요만큼씩 다르게 실행? 할당? 해야할 때 유용하게 쓰이는 것 같다. 쓰는중~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
-
<HTML> 태그 공부공부 1/기타 2020. 9. 21. 10:08
- HTML 이란 (HyperText Markup Language) 웹 페이지의 틀을 만드는 마크업 언어 태그들의 집합 트리구조 - 태그 - Division div태그는 한줄을 차지한다. div는 한줄을 차지한다 // 출력예시 : div는 한줄을 차지한다. Span span태그는 컨텐츠 크기만큼 공간을 차지한다. span태그는 컨텐츠의 양만큼 공간을 차지한다 이얍 졸려워! //출력예시 : span태그는 컨텐츠의 양만큼 공간을 차지한다 이얍 졸려워! Image 이미지 삽입 //태그는 열었으면 닫아야하나 img 같은 태그는 셀프 클로징태그 하이퍼링크 NAVER //새탭으로 열고싶으면 뒤에 target="_blank" ul, ol, li리스트 1 2 1 2 input, textarea:다양한 입력폼 text ..