Doil

22.10.13.Thu - 태산이 높다하되 오늘의 요약 = 태산이 높다 하되 하늘아래 뫼이로다 1. 선택자 tip 세부적으로 선택하면 유지보수하기 편하다. 2 ~ 4 실습 5 ~ 8 실습 소스를 내것으로 만드는법 주석의 범위를 전체로 잡고 단계별 해제하면서 코드를 분석한다. 자기 계발 자신에게 투자를 해야한다.

3~4주차 후기 결국은 직접 겪는 경험이 제일 중요하다. 순 수업일 기준을 4주가 넘었다. 배우면서 느낀것은 많이 부딪히는 것이 정도이다. 수업에는 크게 4가지로 나눌 수 있는데, 컴퓨터 과학(공학)의 이론 언어의 문법 코드 실습 선생님의 경험,팁들 제일 많은 도움이 되었던 것은 1,4번이였다. 지금 머리속이 엉켜서 무엇부터 써야할 지 모르겠지만 지금껏 제일 중요하다고 느낀 것은. 직접 내가 부딪히면서 익히는 것이다. 자습(自習 : 스스로 자 , 익힐 습)이 제일 중요하게 느꼈다. 선생님이 아무리 알려줘도 문법적인 부분과 , 실습하는 부분에서는 내가 생각하면서 익히지 않으면, 재사용 할 수가 없다. 만일 스스로 공부하는 것을 하기 싫어한다면 , 매우 힘들것이다. 나만의 장난감을 만들어라. 수업을 들으면서..

22.10.12.Wed - 많이 부딪히자 오늘의 요약 = 많이 부딪히자 1. 리액트 무겁다바닐라 > jQuery > 리액트 순으로 가볍다. 바닐라가 제일 가벼움 jQuery 잘하려면 HTML,CSS 를 잘해야 한다. 태그를 어떻게 구성할지가 중요. 유연하게 만들어야 한다. jQueryLibrary는 jQuery 코드 아래줄에 위치해야한다. 순서가 바뀌면 동작 안된다. em 태그 2 ~ 4 jQuery 사용 실습 CSS 큰것부터 작은것으로 적용jQuery on을 사용 $('').on('click',function(){}); js 에 만들어진 태그는 검색엔진에서 검색이 안될 가능성이 있다. 리액트의 딜레마. 국내 포털사이트에서는. 검색이 안되는 웹페이지는 있어도 없는 것과 동일하..

22.10.11.Tue - Class의 위계(상속),실습,jQuery 맛보기,제일 중요한 것. 오늘의 요약 = 복습, Class의 위계(상속),실습,jQuery 맛보기,제일 중요한 것. 1.함수,객체,배열 복습 + 새로운 방법 함수,객체 복습| hoisting, 얕은 깊은 복사 ,배열 선언 함수 함수 선언 리터럴 변수를 선언하고 함수를 할당 hoisting var : 선언과 초기화가 동시에 된다. (undefined) 선언은 hoisting이다 (끌어올림)객채 얕은 복사(공유) 객체를 담은 변수1에 다시 변수2에 담으면 복사가 된다. 변수2의 객체의 값을 바꾸면 원본의 데이터도 바뀐다. (덮어쓰기) 깊은 복사 (복제) 식 : Object.assign ({},객체를 담은 변수1) 빈 객체에 변수1의 값은 ..

오늘의 요약 = JS 잘하는 법 1. 정리 자료를 만들어 보관하고 (특정상황 제외하고 대체로) 자료를 만드는 방법 프로그램 외부(키보드,파일로 부터(서버))로 부터 자료를 입력받는 방법 ex) 웹 실행 환경에서 prompt, 화면의 입력 상자 이용 화면의 입력상자를 이용해서 -> 어떤 화면(document)에 어떤 입력 상자(getElement,querySelector)에서 입력 값 (innerHTML,value,innerText,textContent) 내부적으로 자료 만드는 방법 (리터럴 이용) name = 'doil' ,120,[],{},function(){} (문자열,숫자,배열,객체,함수) 자료를 보관하는 방법 상자에 담는다. 변수(상자)를 만들어서 (할당,옮긴다,주입한다.) 직접 자..

22.10.04.Tue - 함수,배열,객체 3형제 압박감이 몰려온다. 오늘의 요약 = 무서운 형들이 압박해온다. 1. 함수 함수 유형 익명 함수 정의 함수 (재귀 호출 용도로 사용) 람다 함수 (화살표 함수) 특징 this가 없다. , arguments가 없다. 함수도 객체이다. 하나의 특수한 형태( 동작 )의 자료이다. 매개변수에서 함수를 받을 수 있고, 반환값으로 함수를 사용할 수도 있다. 1급 객체 2. JS 책 프론트엔드 개발자를 위한 자바스크립트 프로그래밍 토비의 스프링 3.1 세트 2책의 아쉬운점: 버전이 낮다 == 오래된 == Classic Lowlevel 부분도 다루며 = 깊숙하게함수 매개 변수의 기본 값을 설정해 줄 수 있다. function(매개변수 = 50){명령}; 열거형 연산자 ...

오늘의 요약 = 굿데이 1 ~ 2. 함수는 자료이다 (일급 객체) 전달할 수 있다. 반환할 수 있다.JS Array method : reduce(); 주어진 배열을 대상으로 분석해서 원하는 하나의 결론을 얻는다. 2개의 값을 받는다. 첫번째 값 : 배열의 자료를 분석 처리할 함수 - 필수 번 자료 : 분석 처리할 함수는 기본적으로 4개의 값을 전달 받는다. 번 자료 : 초기값을 전달 받았을 경우 배열의 개수만큼 반복하고, 초기값이 생략일경우 배열 개수 -1 만큼 반복한다. 3번 자료 : 배열에 저장된 요소 두번째 값 : 분석을 위해서 필요한 초기값 - 생략을 할 경우 배열의 처음값이 된다. 요약 : 최종 처리 결과는 하나의 값이지만 어떤 종류의 자료인가에 따라서 배열로 묶은 하나의 값이 될 수도 있고, ..

22.09.29.Thu - 배열의 메소드 유형 오늘의 요약 = 배열의 메소드 유형을 파악하자. 1. 배열의 데이터 추가,제거 메소드 testArray literation 에서 판가름 Array sort 복습 concat 배열끼리 묶어줄때 ar1 = ar2.concat(ar3); ar1[ar2_data+ar3_data] const boys = [1,2,3]; const girls = [4,5,6]; const childerns = boys.concat(girls); //출력 값 = childerns = (6) [1, 2, 3, 4, 5, 6] 문자열 연결 연산 문자열 연결 연산시 컴퓨터는 자료값을 문자열로 처리하는 것을 이용 let ar1 = [1,2,3] ; console.log(ar1); // 숫자 배..

22.09.28.Wed - 컴퓨터 과학의 필요성 오늘의 요약 = 배열의 종류 호출 심화,변수의 정체,메모리의 구조,구역할당,변수와의 관계 1. 복습 for문 /* 배열 : 가장 기본적인 자료 구성법 같은 종류(?)의 자료가 여러개 필요할 경우 사용 js는 섞어서 사용 가능. (비권장) 모든 자료는 낱개의 자료로 변수에 담아야 한다. js 의 배열은 타 언어의 배열과 주조적으로 많은차이가 있다. js 의 배열은 java의 list 구조와 유사하다. js 는 동적으로 메모리 할당이 이루어지기 때문이다. 배열은 자료의 개수를 알수있는 속성이 있다. / 배열명.length (read / write 속성을 갖는다.) */ var arrData = [1,2,3]; console.log('자료의 개수는 => ..

22.09.27.Tue - 사용자를 위한 프로그래밍 오늘의 요약= 사용자를 위한 프로그래밍 1. and or 의 값의 이해. 책 Learning javascript Data Stracture and Algoriethms /에이콘 출판사. Learning JavaScript Data Structures and Algorithms 한국어판 논리연산 복습 (중요) 코드 리뷰에서 많이 나오는 부분이다. and : 모든 값이 참이어야 원하는 값을 반환. or : 원하는 값 앞 모든 값이 거짓이어야한다. function : 함수 연산을 할때 return을 해줘야한다. 모든 함수는 결과를 반환한다. 안할 경우 조건이 될 수도 안 될 수도 있는 경우가 생긴다. 순서도 중요하다. 조건에서 함수가 먼저오는 것을 비 권장...