본문 바로가기

전체 글83

[IT} Flex와 Grid의 차이점 간단하게 요약!! CSS에서 레이아웃을 구성하는 두가지 방법이 있다, 그것이 바로 Flex와 Grid 이다. 1) Flex ㅡ 일차원적인 레이아웃 ( 유연하다) ㅡ x축과 y출에 따라 아이템들을 배치하고 정렬한다. ㅡ 크기와 간격이 자동조절 가능 ㅡ 반응형 웹 디자인에 적합하고, 단순한 레이아웃에 사용하기 좋다. 장점 : 유연하고, 간단한 레이아웃 구성가능 , 반응형 웹디자인에 적합 단점 : 복잡한 레이아웃 구성 어려움 , 일차원적인 레이아웃만 가능하다. 2) Grid ㅡ 이차원적인 레이아웃 ㅡ행(rows)과 열(columns)로 이루어진 격자 모양의 레이아웃을 제공한다. ㅡ 복잡한 레이아웃에 사용하기 좋으며, 아이템들의 위치와 크기를 정확하게 지정할 수 있다. ㅡ 픽셀 단위 뿐만 아니라 fr(분수)단위나 repeat().. 2024. 2. 24.
[IT]자바스크립트 - 연산자 실습 연산자의 종류 1. 기본연산자 - 산술 연산자 2. 비교연산자 - 비교 연산자 - 삼항조건연산자 - 논리연산자 3. 고급연산자 - 비트 연산자 - typeof - instanceof ㅇ 산술연산자 변수 또는 값을 산술하기 위한 연산자 ㅇ 증감연산자 ( ++ 1을 더한다 / -- 1을 뺀다.) ㅡ 전위 증감 연산자 ++n , 전위 감소 연산자--n ㅡ 후위 증감 연산자 n++ , 후위 감소 연산자 n -- >> 전위 , 후위 차이는 ??? 전위는 1+n 을 한 결과값이 출력된다. 후위 n++ 는 결과값이 계산전 리터럴 그대로 나오고 그뒤에 +1 한다 ( float둥둥따다님) let a = 0; let b = 0; document.write("전위결과값?" + ++a + " "); document.write.. 2024. 2. 23.
[IT]자바스크립트 - 숫자 (부동소수점 ) ㅇ 부동소수점 ㅡ 실수에서 부동소수점이 발생할때 미세한 오차가 발생할 수 잇다. ㅇ오차 발생시에 해결방법 1. toFixed(num)메서드 ㅡ num의 자리수까지 반올림해서 String 으로 반환 ㅡ toFixed(1) == 소수점 1자리까지 출력해줘! 2. Math.round() ㅡ 반올림 해주는 함수 3. 기타 라이브러리 ㅡ Big.js , BigNumber.js, Decimal.js ㅇ예제 >> 결과값 0.3 으로 출력 하기 let d = 0.2; let y = 0.1; let rtn2 = d + y; document.write("합은" + rtn2.toFixed(1) + " "); document.write(typeof rtn2 + " "); console.log(rtn); ㅇ.. 2024. 2. 22.
[JS] 자바스크립트란 ? - 객체 ㅡ 객체는 우리가 인식할 수 있는 사물이다. ㅡ 키(key) 와 값(value)의 집합 ㅡ 순서에 대해 보장하지 않는다. 순서 상관없음 ㅇ 객체 프로퍼티 참조방식 ? 객체이름.프로퍼티 이름 객체이름["프로퍼티이름"] ㅇ 객체 메소드 참조방식 ? 객체이름.메소드이름() ㅡ예제 var desk = { color:"blue", width:200, sayInfo:function(){ alert("test!"); } }; //document.write(desk.color); desk.color = "red"; document.write(desk["color"]); //함수 로직 확인 desk.sayInfo(); //출력값 red 2024. 2. 22.

티스토리툴바