728x90 반응형 javascript12 [JavaScript] 기초 - 데이터 처리1 연산자 - 단항연산자, 산술 연산자 단항 연산자void: 표현식을 평가할 때 값을 반환하지 않도록 지정typeof: 평가 전의 피연산자 타입을 나타내는 문자열을 반환delete: 객체의 속성을 삭제const a = { name: 'apple' }console.log(void); // undefinedconsole.log(typeof a); // objectdelete a.name; // 객체의 속성 삭제console.log(a); // {} 산술 연산자단항 산술 연산자이항 산술 연산자 - 단항 산술 연산자: 1개의 피 연산자를 산술 연산하여 숫자값을 반환전위 증가/감소 연산자 -> ++a / --a후위 증가/감소 연산자 -> a++ / a--+-let a = 1;let b = 1;// 전위 증가/감소 .. 2024. 7. 29. [React+JS/리액트] 웹 스터디 7주차 탭 UI 만들기 버튼 3개와 박스 3개를 미리 만들어놓고 버튼을 누를 때 마다 그에 맞는 박스를 보여주는 탭 UI 를 만들어보려고 한다. 다시 상기시켜보는 동적 UI 만드는 방법1. html, css 디자인 미리 완성시켜 놓고2. UI 의 현재 상태를 저장할 state 만들기3. state 에 따라서 UI 가 어떻게 보일지 작성 - html, css 로 디자인 미리 완성하기 리액트 부트스트랩 사이트에서 아래의 코드를 복사해서 가져오고, Nav 를 import 하기여기서 defaultActiveKey 는 페이지 로드시 어떤 버튼에 눌린 효과를 줄지 결정하는 부분으로 원하는 버튼을 넣으면 된다. import { Nav } from 'react-bootstrap'; 버튼0 .. 2024. 6. 5. [JavaScript/자바스크립트] 모듈, pakage.json, pakage-lock.json pakage.json, pakage-lock.json 파일들.. 모듈..많이 보고 들었지만 누군가 그게 뭐야? 라고 물었을 때 설명을 잘 할 수 없을 것 같았는데 이번 강의를 들으면서 뿌옇던 것이 조금 정리된 느낌이 든다. 패키지.json 파일 역시 버전 정보가 들어있다는 것은 알고 있었지만 두 파일의 명확한 차이가 무엇인지 잘 몰랐는데 이번에 강의를 들으면서 명확하게 알 수 있었다. 역시 개발 공부는 끝이 없고 알아야 할 것이 정말 많구나 또 한번 느낀다. 오늘도 바보벌레는 열심히.. 모듈이란? 하나의 파일에 많은 코드를 작성하게 되면 각 코드들의 의미를 빠르게 파악하기 어렵고, 수정이 필요한 부분을 찾기가 어렵다. 그래서 많은 코드가 필요한 프로그램을 기능별로 여러 개의 파일로 분리해서 관리하는 것.. 2024. 5. 18. [React+JS/리액트] 웹 스터디 4주차 class 컴포넌트 만드는 법 최근에는 컴포넌트를 만들 때 function 을 사용해 만들지만, 예전 리액트에서는 class 문법을 사용해 만들었다. function 사용을 권장하지만, 예전 버전의 리액트 프로젝트를 마주칠 수 있으니 가볍게 공부해 보자. class 문법으로 컴포넌트 만드는 법class Modal2 extends React.Component { constructor(){ super() } render(){ return ( 안녕 ) }} 1. 클래스명을 작성2. constructor, super, render 함수를 채워 넣어야 함 -> 무조건 필요한 기본 템플릿이라고 생각하면 된다.3. 컴포넌트는 길고 복잡한 html 을 축약할 때 쓰기 때문에 retur.. 2024. 5. 16. 이전 1 2 3 다음 728x90 반응형
