분류 전체보기 (91) 썸네일형 리스트형 React 공부 3일차 *useEffect(arg1, []) 함수: 코드가 state 변화에 상관없이 딱 한번만 실행될 수 있도록 보호해줌. useEffect(arg1, arg2); arg1: 실행하고자 하는 코드 or 함수 arg2: ReactJS가 변화가 생겼나 계속 지켜보는 element useEffect(() => { console.log("CALL THE API...") },[]); import {useState, useEffect} from "react"; function App(){ const [counter, setValue] = useState(0); const onClick = () => setValue((prev)=>prev+1); //state가 변할 때마다 매번 실행 console.log("I RUN A.. React 초기 셋팅 Nomad 코더 React 입문 강의를 듣다 초기 Node.js npm 초기 셋팅에서 ERROR가 나 애를 먹었다. https://unknown-coding.tistory.com/21 [React 시작하기] _ 개발환경 설정(Visual Studio) 운영체제: window10 사용 IDE: Visual Studio 강의를 보면 물론 윈도우 버전에 대한 설명도 해주시지만 놓친건지... 아니면 제대로 설명을 안해준건지... 모르겠지만 잘 안되는 부분들이 몇가지 있었다. unknown-coding.tistory.com 이 블로그 가이드라인대로 따라했더니 오류가 해결되었다. 아, 그리고 작업 파일 이름을 React로 해서 만들면 안된다. 그래서 firstReact\react-app으로 바꿔주고 했더니 잘 설치.. React 공부 2일차 *component란 어떤 JSX를 반환하는 함수라고 생각하면 된다. -km miles -minutes hours -단위 변환에 필요한 flip 버튼 생성 -옵션 변경 위한 select 생성하기 -새롭게 배운 const [A , B] = React.useState()개념 사용 A: state값 B: state값 재설정하는 modifier useState에서 modifier함수를 실행하면 해당 component가 새로 rendering됨. DOCTYPE html> //flipped인 상태: hours를 입력받는 상태(!flipped = min을 입력받는 상태) function MinutesToHours(){ const [amount, setAmount]=React.useState(0); const [fli.. React 공부 1일차 *환경 설정 1) react, react-dom src script에 복붙해넣기 2) 개발자도구 - console창 가서 React 설치됐는지 확인(React치고 enter 눌러보기) DOCTYPE html> const root = document.getElementById("root"); //property(id, style, eventListener etc...)에서 바로 event 등록 가능 const h3 = React.createElement("h3", { //on+${event} onMouseEnter: () => console.log("mouse enter") }, "Hello, I am a span!"); //const name = React.createElement(html element.. Google font 적용법 구글폰트 사이트 접속 후, -원하는 글자(select all styles) 담은 다음 1) 아이콘 클릭 -2)번 위치 복붙해서 index.html 부분에 추가 + css 파일에 3) 코드 적용 원하는 곳에 폰트체 적용하면 끝! https://coding-factory.tistory.com/907 [HTML/CSS] 구글 웹 폰트 사용하기 (@font-face) [HTML/CSS] 글자 글꼴(폰트) 변경하기 (font-family) 이전 포스팅에서는 웹 문서에서 시스템 폰트를 사용하는 방법에 대해 알아보았습니다. 시스템 폰트는 속도가 빠르다는 장점이 있지만 사용자 디바 coding-factory.tistory.com https://fonts.google.com/ Browse Fonts - Google Fo.. 3/12(c++ 공부, chapter 01-02 초반까지) 1. using::std::cout; ->cout에 대해서만 std 생략 가능 2. using namespace std; ->std에 속한 함수들 모두 std 생략 가능 3. 이름공간의 별칭 지정 ex)namespace ABC=AAA::BBB:CCC; 4. 전처리기->컴파일->어셈블러->실행파일 5. 범위지정 연산자(지역변수 이름과 전역변수 이름 같을 때, 함수 안에서 전역변수 접근하기) ex) val+=3;->지역변수 접근, ::val+=7;->전역변수 접근 1.CONST -const int num=10; ->변수 num을 상수화 -const int *ptr1=&val1; ->ptr1으로 val1값을 변경할 수 없음. -int *const ptr2=&val2; ->ptr2가 상수화됨. -const in.. C++ 기본 문법-헤더 파일, 입출력 C언어는 절차지향 프로그램이라면, C++은 객체지향 프로그램이다. ex) C: 기상->세수->밥->등교 (실행될 문법들을 순차적으로 작성) C++: 클래스 생성(붕어빵 틀), 클래스로부터 객체 생성(속성+동작) C에서는 입출력 헤더파일로 #include 를 사용했다. C++은 객체지향 언어이기 때문에 입출력 기능+클래스&객체 기능이 탑재된 클래스 iostream을 include 한다. --> #include c++에서 사용하는 ios클래스는 입력만 가능한 istream클래스와 출력만 가능한 ostream클래스로 나눠진다. 편의를 위해 입/출력 기능이 한꺼번에 가능한 iostream을 만들어 이를 불러와 편리하게 사용하는 것이다. *iostream의 namespace: std //namespace: 여러개.. 2일차(2023/02/18)-조건문 int main() { int data = 0; if (0&& 200)//false->if문 실행 x. { data = 100; } //else if vs if 어떤 것 사용할 지 잘 선택하기 //else if는 아래 해당하는 조건이 있어도, 이미 하나 수행된 순간 그대로 종료. if (data == 100)//현재 data=0 { //if가 참인 경우 수행 } else if (data==200) { //else if가 참인 경우 수행 } else//else 없는데 위에 조건에 해당되는 것 없으면 아무것도 실행 안된채 종료. { //그 외의 경우 수행 } //printf("%d\n",data); //switch case문 //if else와 switch case문 둘 다 바꿔서 쓸 수 있어야 함. swi.. 이전 1 ··· 8 9 10 11 12 다음
