makeaplayground

크로스 브라우징 관련 애기 제이쿼리 자바스크립트 라이브러리, 크로스 브라우징 알아서 처리함 제이쿼리를 쓰다가, 인스타 만든 사람들이 리액트를 만듬, 제이쿼리는 js만인데, 리액트는 html, css, js 뭉쳐서 부품을 만들수있음 리액트 클래스 기반에서 함수 기반으로 감, 2년전부터 참고 https://devowen.com/298 [React] 클래스형 컴포넌트 vs 함수형 컴포넌트 리액트를 사용하여 프론트 개발을 할 때 두 가지 방법으로 컴포넌트를 선언할 수가 있다. 과거에는 클래스형 컴포넌트를 주로 사용했지만, 2019년 v16.8 부터 함수형 컴포넌트에 리액트 훅(hook)을 devowen.com 구글 앵귤러, 유튜브 폴리머 만들고, 미국에서 많이 쓴데 일본 가면 일본에서 만든거 쓴데, 루비 자바 ..

제목1 제목2 제목3 제목4 blue라는 클래스 이름을 가진 값들을 getElementsByClassName로 가져와서 blues로 변수 선언하고, foreach를 돌리면, 아래와 같은 오류가 발생한다. blues.foreach is not a function 왜일까?!!! 안되는 이유를 알아보기 위해! console.log(blues)를 찍어본다. getElementsByClassName 가져온 값은 prototype이 HTMLCollection이다. keypoint! foreach는 array 배열만 사용 가능하다. 위의 올바르게 수행되게 하기 위해서는 아래와 같이 작성하면 된다! 1. blues를 배열로 변경 2.getElementsByClassName 대신 querySelectorAll 사용 qu..

Array api // 배열이 3차가 넘어가면 객체나 json 구조로 씀 - map 원본데이터는 그대로 있고, 연산을 수행한 결과를 별도로 반환한다. map 함수는 반드시 반환을 해야한다. 주로 데이터에 연산을 수행하고자 할때 사용한다. https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Array/map Array.prototype.map() - JavaScript | MDN map() 메서드는 배열 내의 모든 요소 각각에 대하여 주어진 함수를 호출한 결과를 모아 새로운 배열을 반환합니다. developer.mozilla.org 이 사이트 보는데, charCodeAt 을 보고, 오호 js도 있네 하면서 java에서는..

vscode에서 sty 확장자라는게 있네, ------ 지난주복습 및 컴퓨터 언어의 특징 ------ html - 태그를 가지고 문서를 작성하는 역활 css - html로 작성된 문서를 예쁘게 작식하는 일을 한다. javascript - html과 css에 생명력을 불어넣는다. ---- 브라우저가 해석한다(웹클라이언트) ---- 회원가입, 게시판 : 웹클라이언트로 부터 요청을 받아서 웹서버가 처리. (java(jsp), c(php), c#(asp,net)...) c(php) 시장이 거의 없어짐, c# 가상증감 이런데서 많이 쓰임 윈도우 OS, 리눅스 OS 차이 리눅스 OS : 무료, 단점은 버전에 대한 책임을 안 짐 적당히 일하래, 자기 몸 챙겨가면서, 적당히 ㅎㅎ 맘에 꽂힌다. 파이썬 - 재미로 만들었..

요건 어제 내 준 과제인데, 과제라고 하기도 뭐하지만, 몇 사분면인지 구하는 코드 근데 나는 result: 분면 체크 이렇게 result값을 button 위에 넣어줬을때 버튼클릭 후, 버튼 사라지는 오류 발생, result값을 button 밑으로 빼주면 문제해결 innerHTML 때문인가봐, 요소들이 사라진데, innerText도 해보니 똑같이 그러고, result를 input값으로 바꾸고, innerHTML, innerText 대신 value 가져오면은 버튼 안 사라짐 for문, 문제 주고 확인하는 방식으로 진행 이 코드는 parseInt 안 붙여서 오류남, 근데 선생님도 오류남 ㅎㅎ 그니까 괜찮아 위의 출력값 맨 마지막 i 이후에 +안 붙이고 = 붙이는 조건문! // 왜 이거는 하나만 되는거여???!..

자바스크립트의 설명, 특징들 중에 "angular, react, vue, polymer 등 다양한 라이브러리들을 지원하고 있고..." polymer라는 건 처음 들어봄, 지금은 사용 안하나봄 https://d2.naver.com/helloworld/3259111 위의 글은 18년도 글임, 그 때 당시에도 polymer를 잘 모른다는 비율이 높네 https://developer.mozilla.org/ko/docs/Web/Security/Same-origin_policy 동일 출처 정책 - 웹 보안 | MDN 동일 출처 정책(same-origin policy)은 어떤 출처에서 불러온 문서나 스크립트가 다른 출처에서 가져온 리소스와 상호작용하는 것을 제한하는 중요한 보안 방식입니다. 동일 출처 정책은 잠재적으..

table 태그 table태그 수업하다가 가운데정렬(전체 화면에서 가운데로) 할려고 했는데, 쌤이 table전체를 div로 묶고 text-align: center; 했는데 테이블 안에 글자만 가운데 정렬 되는거지, 그래서 그냥 넘어갔는데 전체화면에서 가운데로 할려면은 table태그에 margin: 0 auto 해주면 되면 쉬운거였는데, 나도 찾아봤다ㅋㅋㅋㅋㅋㅋㅋ flex나 float로 잡을려고 했네 결국에는 학생이 질문해가지고 찾아봐서 알려주심 생각해보니 html을 수업하면 인라인이나 블럭태그에 대한 설명을 할 줄 알았는데, 그거에 대한 설명은 아직 없고 w3schools 홈페이지에서 순서대로 나가는 중, 순서대로 하다가 하긴 했는데, 초 간단하게, div와 span에 대해 비교하면서 넘어감 특징이나 이..

자바의 정석 책을 토대로 작성하였습니다. - 클래스로부터 인스턴스 생성하는 방법 클래스명 변수명; // 클래스의 객체를 참조하기 위한 참조변수 선언 변수명 = new 클래스명(); //클래스의 객채를 생성후, 객체의 주소에 참조변수 저장 Tv t; // Tv클래스 타입의 참조변수 t를 선언 t = new Tv(); // Tv인스턴스를 생성한 후, 생성된 Tv인스턴스의 주소를 t에 저장 1. Tv t; Tv클래스 타입의 참조변수 t선언, 메모리에 참조변수 t를 위한 공간이 마련, 아직 인스턴스 생성되지 않았으므로 참조변수로 아무것도 할수 없음 2. t = new Tv(); 연산자 new에 의해 Tv클래스의 인스턴스가 메모리의 빈 공간에 생성. 이 떄, 멤버변수는 각 자료형의 해당하는 기본값으로 초기화됨 (..

https://github.com/saehee15/javaStudy#chapter-06-%EA%B0%9D%EC%B2%B4%EC%A7%80%ED%96%A5-%ED%94%84%EB%A1%9C%EA%B7%B8%EB%9E%98%EB%B0%8D1 GitHub - saehee15/javaStudy Contribute to saehee15/javaStudy development by creating an account on GitHub. github.com 클래스와 객체의 개념, 인스턴스 생성과 사용법 공부

국비학원 목표 1. 끝까지 수료, 기본적이면서도 젤 중요한 2. 정보처리기사 필기 따기!, 실기는... 해보고 3. TIL 매일 쓰기 4. 포트폴리오 잘 만들기 TIL은 알고있는 내용은 생략, 이런거를 했다 정도만 기술하고, 좀 중요한거는 적고, 몰랐던 부분은 자세히! 사전OT 때 20정도의 문제를 풀고, 왠지 정보처리기사 문제 같기도 하고, UI에서 SQL, 자바, 등등 전체적으로 다 나옴 100점 만점에 55점... 반타작이 어디여 백단에 아예 모르는데! 그 중에 틀린 문제 몇개를 적어보면, 실수 기본타입 double.... https://limkydev.tistory.com/198 [JAVA] 자바 Exception 개념 및 예외 처리란? 안녕하세요. limky 입니다. 오늘은 자바 Exceptio..