화살표 함수조건부 실행객체배열콜백함수를 이용한 배열 메서드 화살표 함수익명함수로만 사용이 가능하기 때문에 함수 표현식으로 작성된다.함수 몸체 구문이 한 줄이라면 중괄호 생략이 가능하고 암묵적으로 return이 된다.매개변수도 한 개일 경우 소괄호 생략이 가능하다let arrowFunc01 = (x, y) => { return x + y;}let arrowFunc02 = (x, y) => x + y;let arrowFunc03 = x => x; 조건부 실행 AND(&&) 조건1번과 2번은 같은 로직이다let x = 10;// 1.if (x > 0) { console.log("x는 양수입니다");}// 2.x > 0 && console.log("x는 양수입니다"); OR(||) 조건 z에 y값 또는..
JavaScript문법 1주 차 변수 선언var : ES6 이전 많이 사용하였다, 변수의 재선언이 가능하며 이로 인한 오류가 생길 수 있다let : var의 문제점을 개선하여 변수의 재선언이 불가하다 현재 보편적으로 사용되고 있다.const : 상수, 변하지 않는 값이다 문자열일 경우 가독성을 위해 대문자로 작성한다 문자열 함수concat : 문자열 결합하기let str1 = "Hello ";let str2 = "World ";let result = str1.concat(str2);console.log(result);substring, slice : 문자열 자르기let str3 = "Hello World";console.log(str3.substring(0,5)); // (시작위치, 잘라낼 문자 수)c..
현재 시간 멍집사 입니다! 콘텐츠 박스를 부모 포지션으로 잡고, 현재 시간을 나타내는 div에 자식포지션을 줘서 레이아웃을 잡으려 했지만 화면 배율이 변경될 때마다 위치가 어긋났었다.Flex도 이용해 보고, top과 right값도 여러 번 변경해 봤지만 원하는 위치에 고정이 되질 않았다결국 튜터님의 도움으로 제 자리를 찾아갈 수 있었다 튜터님이 주신 참고 사이트로 Flex를 다시 활용해 보자 Flex 참고 사이트https://studiomeal.com/archives/197 이번에야말로 CSS Flex를 익혀보자이 튜토리얼은 “차세대 CSS 레이아웃” 시리즈의 첫번째 포스트입니다. 이번에야말로 ..