전체 글

flex & grid 책을 출간하기까지(총괄은 쉽지 않다! 하지만 많이 배웠다.)

소스코드:https://github.com/flexandgrid/flexandgrid URL:https://flexngrid.com/ 리디북스 바로가기: https://ridibooks.com/books/2773000058 알아서 잘 딱 깔끔하고 센스있게 정리하는 flex & grid - flex가 grid 어렵드나 ※ 해당 책은 22년 진행한 flex & grid 오픈소스 프로젝트 그룹의 결과물입니다. 사용자에게 컨텐츠를 잘 전달하는 일은 좋은 컨텐츠를 만드는 것만큼이나 중요한 일입니다. 이를 위해 CSS 레이아웃 ridibooks.com 드디어, 책 출간! 드디어 책이 출간되었다. 마지막 퇴고를 제외하고는 처음부터 끝까지 동료들과 힘을 합쳐 직접 만들었다. 항상 책을 쓰고싶다곤 생각했는데 난 그게 에..

16주차 회고 - 길었던 방학. flex & grid 책 출판

자바스크립트 교육과정이 끝이 났다. 아직 객체지향이나 ES6신문법들은 잘 모르지만 기본적으로 자스를 사용해 돔을 조작하는법, ajax를 사용하는법(fetch), localstorage를 사용하는법까지는 열심히 익혔다. 바닐라 자바스크립트를 이용한 프로젝트가 하나 있으면 좋을 것 같은데 간단한 쇼핑몰을 구현해서 포트폴리오에 넣어야겠다. 쇼핑몰홈페이지는 항상 엄마의 비지니스를 위한 웹페이지를 만들고싶어해왔던 내 소망 중 하나였기 때문에 의미 있는 경험이 될 것이다. 이제 2달도 채 남지 않았다. 당장 내일부터 React수업에 들어가고 또 자바스크립트 시험을 통해 팀을 나눠 팀프로젝트를 점점 준비해나가는 단계이다. 방학때 잘 쉬었으니 좀 더 집중력을 높여나가야겠다. 키워드공부법은 아무래도 공부의 양이 방대하다..

JavaScript sort() not working | sort()가 안될 때

sort()를 했는데 맘처럼 안될때가 있다. 왜그럴까? JS는 sort()를 하는순간 정렬하고자 하는 아이템을 모두 문자로 바꾸고 숫자의 크기가 아닌 첫 캐릭터들을 비교하여 줄을 세우기 때문이다. 아래 예시를 보면, 2 다음에 3이 아닌 24가 오는것을 볼 수 있다. let array = [3, 455, 2, 24, 56]; array.sort(); console.log(array); 해결방법 이는 a,b의 값을 비교해주어 negative값이 나오면 a를 왼쪽으로 정렬시키고 positive값이 나오면 a를 오른쪽으로 보내는 일련의 식을 통해 해결해줄 수 있다. function sortNumbers(a, b) { if (a > b) { return 1; } else if (b > a) { return -1..

JS로 생성한 요소 for문으로 HTML에 붙여주기

HTML생성하는법 .createElement() 먼저 태그를 생성해주고, 태그 안에 내용물을 넣어준다. insertAdjacent보다 빠른데 별차이없다 let a = document.createElement('p'); a.textContent = '안녕'; document.querySelector('#test').appendChild(a); .insertAdjacentHTML() / .append() HTML작성하듯이 똑같이 작성하고 HTML의 지정한 요소 근처에 붙여준다. let template = 'hello'; document.querySelector('#test').insertAdjacentHTML('beforeend', template); 반복문 반복문의 용도 코드를 반복하고싶을 때 array,..

15주차 회고 - 키워드 공부법. 적용해보자

1일 1함수 외우기로 setInterval, 캐러셀 만들기, 퀴즈판독기, 소수구하기, 할인가계산기를 외우거나 구현했다. 처음 할 때는 이해가 안되는 것도 그냥 따라치고, 일주일 뒤에 다시보면 조금 더 이해가 되고, 한번 더 보면 더 이해가 된다. 가끔은 이렇게 쉬운걸 괜시리 막막해했었네, 라는 생각도 든다. 특히 돔을 조작하여 구현해보는 연습은 내가 실질적으로 할 수 있는게 하나씩 늘어가는 느낌이라 그냥 함수를 외우는 것 보다 성장한다고 생각이 든다. 내가 만들고싶은걸 위해서 필요한 함수를 배우는 것은 목적이 명확하기 때문에 머리에 더 잘 들어온다. 배운것을 쌓아간다는 느낌보다는 밑빠진 독에 붓는다는 느낌이 나는건 어찌보면 지금 단계에서는 당연하다고 생각하지만, 그래도 더 쌓아간다는 느낌을 받을 순 없을..