전체 글260 (3)CSS_레이아웃_2_FlexBox-2-justifiy-content,align-item 속성 2-justifiy-content,align-item＃Default 상황 :display : flexDiv Container > Div RedBox, GreenBox, BlueBox＃알아야 할 개념 :● 개념1_ fiex-direction에 따라 진행축(Main-Axis), 교차축(Cross Axis) 이 있다.①. Flex-direction : row (왼쪽 -> 오른쪽)의 진행축, 교차축②. Flex-direction : column (위 -> 아래)의 진행축, 교차축○ 결론 :Flex - dirction 의 진행축 == Main Axis● 개념2_ justify-content 속성 , align-items 속성 :justify-content 속성 => Main-Axis(진행축)방향의 요소들 배치.. 2024. 11. 3. (2)CSS_레이아웃_2_FlexBox-1-flow-direction 속성 1_ display : flex + flex-direction＃Default 상황 : display : staticDiv Container > Div RedBox, GreenBox, BlueBox＃알아야 할 개념 : 큰 Box 안에 작은Box들(요소들)의 배치 방향을 정하는 속성 => 큰 Box(Container)을 display : flex , flex-direction 속성의 속성값 : row,row-reverse, column ,column-reverse＃display : flex + flex-direction : row => 왼 → 오른쪽으로 배치된다. // display : flex의 Default 값이다. ＃display : flex + flex-direction : row-reverse .. 2024. 11. 3. (34)명품 웹프로그래밍_7장_실습문제_주요문제만(4번,7번,8번,10번) [문제4] :# 알아야 할 개념 : ★_ Date 객체의 속성 메소드 : getDay() //요일을 반환해주는 메소드 (↔ getDate() : 일의 날짜 (1 - 31)를 반환 함수 ): 일(0을 반환) , 월(1을 반환) , 화(2을 반환) , 수(3을 반환), 목(4을 반환) , 금(5을 반환), 토(6을 반환) # 코드 :123456789101112131415161718192021222324252627282930313233343536373839404142!DOCTYPE html>html lang="en"> head> meta charset="UTF-8"> title>7_4/title> script> let now = new Date(); let DayArr = [ '일'.. 2024. 10. 20. (33)명품 웹프로그래밍_7장_코어객체와 객체 생성_2 # 범위 프로토타입 객체의 정의프로토타입 객체 생성 방법1 : new Object()프로토타입 객체 생성 방법2 : 리터럴 표기법프로토타입 객체 생성 방법3 : 생성자 메소드# 노트 :● 프로토타입 객체의 정의 , 프로토타입 객체 생성 방법1 : new Object() ● 프로토타입 객체 생성 방법2 : 리터럴 표기법 ● 프로토타입 객체 생성 방법3 : 생성자 메소드 ● 연습_방법1,2,3으로 account 객체 만들기○ 요약 :※ 이건 요약을 하는 것보다, 코드로 기억을 떠올리는 것이 좋을 것 같다.● 프로토타입 생성 방법1_ new Object() :123456789101112131415161718192021222324252627282930313233343536373839404142434445464.. 2024. 10. 20. 이전 1 ··· 26 27 28 29 30 31 32 ··· 65 다음
