능히 해낼 수 있다

✍️✍️✍️ 위 글은 작성자의 지식습득에 따라 추후 퇴고 될 수 있음을 알려드립니다(피드백 환영). 지난 글과 이어서 배열에 대한 내용을 적어보려한다. 두서 없게 쓴 것들을 정리도 하고싶고 추후 내가 기억이 안나면 훑어 보기 위해서!! tmi.나눠서 적는 이유는 한 게시글이 길면 개인적으로 읽기가 싫음ㅎㅎ .map() : 메소드에 붙어있는 배열데이터 만큼 콜백함수가 반복적으로 실행되고 출력된 데이터를 새로운 배열로 출력해줌 예시 const obst = ['Apfel', 'Banane', 'Kirshe']; const b = obst.map(function(fruit, idx){ return `${fruit} - ${idx}` // "보간법!!" }) console.log(b); //>>(3) ['Apfe..

✍️✍️✍️ 위 글은 작성자의 지식습득에 따라 추후 퇴고 될 수 있음을 알려드립니다(피드백 환영). 배열(Array)은 생성자 방식으로 만드는 것이 기본이나, 불편하다는 단점이 있다. 그래서 조금 더 쉽게 작성하기위해 [ ]대괄호로 작성하는 리터럴방식으로 대체로 사용한다. 배열[ ] > Kirsch //배열은 0부터 시작하기 때문에 2번 인덱스는 체리이다. console.log(obsts.length); // result>> 4 //과일배열의 길이를 알려주는 메소드 '.length' 말그대로 몇개인지 알려준다. console.log(obsts[obsts.length-1]); // result>> Durian // 같은 방법 console.log(obst.at(-1)); // .at() :메소드 뒤에서 첫..

✍️✍️✍️ 위 글은 작성자의 지식습득에 따라 추후 퇴고 될 수 있음을 알려드립니다(피드백 환영). JS에는 가져오기 import, 내보내기 export라는 개념이 있다. import는 어떤 파일에 있는 코드를 가져오고, export는 해당 파일의 코드를 보낸다. 좀 더 정확히 설명해 보기 위해 그림을 가져왔다. main.js라는 파일은 index.html에서 js파일중에 코어로 연결되는 파일이라고 생각하면 되는데, 그래서 Import화살표만 파란색으로 활성화 되어있다. 그 뜻은 다른 js파일에서 불러오기만 하겠다는 것. 반대로 module.js는 main.js로 보내질 파일인데, 꼭 이름이 module.js일 필요는 없다 기술마다 여러가지 이름이 쓰일 것이기 때문에 파일의 이름은 여러가지가 될 수 있다..

✍️✍️✍️ 위 글은 작성자의 지식습득에 따라 추후 퇴고 될 수 있음을 알려드립니다(피드백 환영). 지난 글에 데이터타입. 자료형 관련해서 데이터 종류는 어떻게 나뉘는지, 데이터타입이 object로만 나왔을 땐 어떻게 알아낼 수 있는지에 대해 작성해 보았다. 221228 기초 JS 시작하기 - 데이터 타입 확인 ✍️✍️✍️ 위 글은 작성자의 지식습득에 따라 추후 퇴고 될 수 있음을 알려드립니다(피드백 환영). html/css 과제의 다음은 당연하게도 JS. JavaScript이다. 독학 하던시절, JavaScript를 계속 Java라고 zucca101.tistory.com 강의를 들을 때 강사님이 하신 말씀 중에 기억이 남는 말이있는데, 프론트엔드 개발자로서 취업을 하고싶다면 JS관련 지식을 숙지하는 것..

✍️✍️✍️ 위 글은 작성자의 지식습득에 따라 추후 퇴고 될 수 있음을 알려드립니다(피드백 환영). 레이아웃클론코딩을 완성하였다. 사실 완성이라고 할 순 없고, 정적인 것들, 배치, 색 정도를 html/css를 통해 비슷하게 만들었다. JS를 활용해서 슬라이드 함수 만들어서 메인섹션 한 쪽에 무한으로 돌아가는 광고 슬라이드?도 만들고싶었는데 작업기간 2주,평일 10일의 반을 css관련 내용을 익히는데 써버려서, 지난 글을 적는 5일차 시점에서야 본격적으로 배치다운배치, 색, 이미지 등을 넣을 수 있게 되었다. (31일 즘엔가 무한 슬라이드도 추가해서 푸시했당) 1차 과제의 필수 조건들 중에 꼭 해내고 싶었던 것이 아래 3가지 인데, 시멘틱 태그를 최대한 활용 CSS Flex 혹은 Grid 등을 활용 부분..