수제 녹차 수제 녹차

컴퓨터

• CSS : table

  컴퓨터/HTML & CSS 2019. 8. 28. 15:32

  이름 직업 직책 이메일 도라에몽 연구원 - doraemong@gmail.com - table element is set as "display: table" tr -> display:table-row td -> display: table-cell - table 셀 너비보다 텍스트가 길 경우 말 줄임표 표시하는 방법 1) 속성으로 table-layout: fixed; 주기 2) td { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } - tr의 border styling 하는 법 tr에 클래스를 준 후 tr.border_bottom td { border-bottom:1pt solid black; } 이런 식으로 css 파일 만들기

  Read More
• 필터셀렉터(:)

  컴퓨터/jQuery 2019. 8. 27. 17:47

  출처 : https://javacpro.tistory.com/40 [제이쿼리/jQuery] 필터셀렉터(:) . :first :last :even :odd :eq :gt :lt :has :not 요약 :fitst 첫번째로 일치하는 요소를 가져온다. :last 마지막으로 일치하는 요소를 가져온다. :even 짝수번째 요소를 모두 가져온다 ( first index : 0 ) :odd 홀수번째 요소를 모두 가져온다 ( first index : 0.. javacpro.tistory.com :first 첫 번째로 일치하는 요소를 가져온다. :last 마지막으로 일치하는 요소를 가져온다.

  Read More
• [JavaScript] Template literal

  컴퓨터/JavaScript_typescript 2019. 8. 25. 13:20

  1) json으로 응답 받고, javascript object로 변환 -> 데이터처리 조작 -> Dom에 추가 데이터 + HTML 문자열의 결합이 필요하기 때문에 const data = [ { name: 'coffee-bean', order : true, items: ['americano', 'milk', 'green-tea'] }, { name: 'starbucks', order : false, } ] // backtick을 사용 const template = `Welcome ${data[0].name}!!` console.log(template); 2) Tagged Template literals -> ${} : template으로 지정한 문자열 - 함수이름`(template)` const data ..

  Read More
• 자바 자료형과 리터럴

  컴퓨터/Java 2019. 8. 23. 09:40

  * Variable : named locations in memory. ( Declaring a variable requires that we specify the type and name! ex. int age; age = 85(assigning) * 변수란 데이터(자료)를 임시로 담을 수 있는 상자(메모리 공간) 변수를 사용하는 이유 : 재활용하기 위해서 자료형 : 데이터의 형태 int i(선언부) = 10(초기화) 선언 : 메모리에 특정한 공간을 만들어 놓는다. = : 대입연산자, 할당 연산자 int : 4byte 공간 차지(32bit) - 32개 공간에 정보가 담긴다 공간이 32개이므로 표현할 수 있는 숫자는 (2^32승)개 한 번 선언한 후 변수는 변경이 가능하다. variable starts ..

  Read More
• ES6(2015), ES11(2020)

  컴퓨터/JavaScript_typescript 2019. 8. 22. 22:38

  ES6 === ES2015 ES11 === ES2020 [ ES6 ] 1) 개선된 JavaScript 문법 2) ES6 browser compatibility의 훌륭한 지원 3) ES6를 기반으로 한 JavaScript 생태계의 확산 바벨을 이용해서 ES6 코드를 ES5코드로 변환시킬 수 있다 -> 이를 통해 mobile 앱 지원 가능 1) shorthand property names object는 key와 value로 구성되어 있다. key와 value의 이름이 동일한 경우, 축약해서 작성 가능 const name = 'Ellie'; const age = '18'; const ellie = { name, age } 2) Destructuring Assignment const {name, level} =..

  Read More