이안의 평일코딩

리액트를 시작하다! 리액트 입문 수업으로 생활코딩을 이틀에 걸쳐 완강했다. (수업링크 : opentutorials.org/module/4058) TMI이지만 사실 국비 과정이 풀스택인줄 알았는데 강의 중간 쯤 알고보니 백엔드 반이라는 사실을 깨달았다. 1차, 2차, 3차 프로젝트를 거치면서 점점 백엔드보다는 프론트엔드에 강력한 매력을 느끼게 되었고 독학을 결심. 이 글은 생활코딩님의 리액트 강의를 듣고 복습 겸 다시 정리해보는 글이오니, 글의 설명이 부족하다고 느낀다면 위의 수업링크를 통해 한 번 수강할 것을 적극 추천하며, 복습용으로 또는 오랜만에 상기용으로 빠르게 훑고 싶은 분들을 위한 글이라고 생각하면 될 것같다. 개발환경 npm run start public > index.html (메인페이지) ..

constructor 컴포넌트가 새로 만들어질 때 호출 getDerivedStateFromProps props값을 state와 동기화시키고 싶을 때 shouldComponentUpdate 컴포넌트가 update할 지 말 지 정할 때 (false은 호출이 안되며 true일 때 호출됨) render 렌더 함수 호출 getSnapshotBeforeUpdate 실제로 브라우저에 반영되기 바로 직전에 값을 확일할 때 componentDidMount Mounting이 끝날 때 componentDidUpdate Updating이 끝날 때 componentWillUnmount Unmounting이 될 때 componentDidCatch 에러발생 시 잡을 때

자바스크립트란? HTML은 구조, CSS는 디자인, 그리고 자바스크립트(JavaScript)는 동작을 담당한다고 생각하면 쉽다. 자바스크립트 프레임워크인 리액트(React), 뷰(Vue.js), 앵귤러(Angular)를 제대로 활용하기 위해서 자바스크립트의 이해는 필수이며 프론트엔드 뿐만 아니라 백엔드 개발자에게도 중요하다고 말하기에 입아픈 언어라고 할 수 있다. HTML 외부에 자바스크립트를 기술하고 싶을 때는 하기와 같이 불러옵니다. 변수 let과 상수 const let은 데이터 값 변경이 가능한 변수이며, const는 데이터 값의 수정이 불가능한 상수이다. 둘 다 데이터 값에 이름을 지정하여 사용하고 싶고 데이터 값을 반복해서 사용하기 위해서 사용한다. // 변수 초기화는 변수 let만 가능하며 상..

2020.11.17(화) SpringAOPProject3 iancoding.tistory.com/120 Spring 15일차 - AOP 2020.11.17(화) mvnrepository.com/artifact/javax.validation/validation-api/2.0.1.Final Maven Repository: javax.validation » validation-api » 2.0.1.Final javax.validation validation-api 2.0.1.Final.. iancoding.tistory.com src/main/java com.sist.web ReactController package com.sist.web; import org.json.simple.JSONArray; impo..

2020.10.26(월) JavaScript => 태그를 추가, 데이터 변경, 화면 이동 => 이벤트 (프로그래머마다 처리 기능이 틀리다, 통일화) JQuery (DOM프로그램(문서 객체 모델 Document Object Model, 트리형태)) => JavaScript의 라이브러리 exam1.jsp Java Oracle JSP Spring JavaScript exam2.jsp 이름 성별 나이 홍길동 남자 30 심청이 여자 20 박문수 남자 35 exam3.jsp 이름: exam4.jsp

2020.10.15(목) 사용자 요청 ==> 서버를 거쳐서 처리 (Controller) ==> 자바 ==> 사용자 컴퓨터에서 처리 ==> 자바스크립트 ***1) 자바 : 데이터베이스 연결 ==> 데이터를 전송 (프로그래언어 => C/C++,C#,Java) ***2) HTML : 정적 = 브라우저 출력하는 언어 수정)==3) CSS : 시각화 = 보는거다 = 외국(인터넷 => 정보를 공유) 4) 자바스크립트 : 이벤트 처리 (이벤트 구동 방식) ========== ***ajax nodejs vuejs ***reactjs ======= ***jquery ==> 자바스크립트 (ES5) ==> ES8 1) 변수 var : 자동 지정변수 var i=10 ==> 정수 인식 (int) var i="aaa" ==> S..

2020.09.16(수) css1.jsp 70% https://mvnrepository.com => jaxb ==> jar파일 다운로드 => simple-json => jar.파일 다운로드 ================================ | | |======================= | | ================================ --%> css2.jsp id=wrap(container) 로고 => header => 날씨 , 실시간 검색어 =================================== 메뉴 => nav =================================== | 로그인 | 부가정보 | (aside) | 실제 출력 화면 (section) | | |..

2020.09.15(화) css1.jsp JRE System Library => 3DK변경 = WEB-INF => lib => ojdbc6.jar --%> CSS (Box-Model):내부 CSS bootstrap --%> css2.jsp 메뉴제작 --%> 다음 네이버 클릭하세요 자바 오라클 스프링 MyBatis 자바스트립트 Ajax React 이름 국어 영어 수학 홍길동 89 90 78 심청이 89 90 78 박문수 89 90 78 css3.jsp (1일차 EmpDAO.java이용) 출력할 데이터를 읽어 온다 EmpDAO dao=new EmpDAO(); ArrayList list=dao.empListData(); %> 사원 목록 사번 이름 직위 입사일 급여 css4.jsp 10000개의 레시피 레시피종..