Written by coh at home

이야,,, 회사일을 병행하면서 공부를 하는 게 쉽지 않더라구요,, 특히 7월말부터 플젝 마감과 이슈 대응을 하면서 저녁 늦게 야근을 많이했는데요... 거의 회사에 있는 시간만 12시간이 넘어갔어요... (오전 8시 ~ 오후 8:30)그러다보니 혼공스를 읽는 속도도 더뎌지더라구요,,, 매번 기한 늘려주신 족장님 다시한번 감사하고 죄송합니다 ㅜㅜ 근데! 사실 병행해서 힘들었단 이야기보다 오히려, 병행을 했기때문에 더 보람찬 주말을 보낼 수 있었다는 이야기를 하고 싶어요. 주중에 이렇게 일이 힘들면, 주말엔 그냥 누워서 영화나 드라마 보면서 시간을 보내곤 했을 텐데 혼공학습단 덕분에 완주를 할 수 있었습니다. 물론 아직 ch8이 남아있어서 불완전한 완주지만요 ㅠㅠ 이건 반드시 다음주 내로 다 읽고 업데이트 하..

숙제p352 누적예제를 활용하여 본인의 할 일 목록을 만들어 캡쳐하기 할 일 목록 ADD ch7 문서책체html의 태그들을 자바스크립트에서는 document object라고 부른다. 이런 태그들로 만든 형태를 문서객체모델(DOM)이라고 한다.DOMContentLoaded 웹브라우저의 실행 순서는 다음과 같다.: html5문서구나html 태그 만들어야지head 태그 만들어야지title 태그가 있으니 반영해야지body 태그가 있으니 반영해야지만약 body태그가 만들어지지 않았는데 body에 무언가를 출력하려고 하면 문제가 발생한다.따라서 이를 해결하기 위해서, 웹브라우저가 문서 객체를 모두 읽고 나서 실행하는 이벤트가 DOMContentLoaded이다.documne..

숙제객체 : 상태, 메서드, 식별자를 가진 자율적인 존재로 메시지를 통해 상호작용한다.메시지 : 쉽게 말하면 "메서드 호출". 하지만 좀더 자세히 말하면 "의도 전달"속성 (필드) : 객체가 가진 데이터값.메서드 : 속성이 함수인 경우. 객체가 할 수 있는 행동.6-1 객체의 기본자바스크립트의 자료형을 다시 떠올려보자. primitive 로는 Number, Boolean, String 이렇게 있었던 것 같다.그렇다면 배열의 자료형은 무엇일까? typeof([])를 해보면 object가 출력된다.배열과 객체는 매우 유사하다.배열에서는 index로 element를 가져왔다.객체에서는 key로 value를 가져온다.const product = { name: 'driedMango', type: 'dr..

"한빛미디어 서평단 활동을 위해서 책을 협찬 받아 작성된 서평입니다."서평개발자를 위한 영어 문장들이 많이 수록되어 있습니다. 영문장들은 개발자들이 많이 사용할만한 예문들로 구성되어 있어서 만약 개발자간 회의를 할 경우 유용하게 쓸만한 표현들이 많이 있습니다. 책을 보면서 3가지를 느낄 수 있었습니다. 1. 실무에 사용되는 전문용어와 예문을 함께 볼 수 있어서 개발자가 아니더라도 개발자와 협업하는 직군이 봐도 괜찮겠다는 생각이 들었습니다. 개발쪽에서 사용하는 영어 용어들이 잘 정리되어 있기 때문입니다. 2. 코드 설명할 때 자주 사용되는 표현식들도 정리되어 있어서 아, 내가 한국말로 설명하는 것들을 이렇게 영어로 표현하면 되겠구나 하고 느꼈습니다. 아직은 영어로 코드리뷰를 할 일이 없지만, 추후에 외국..

const isLeapYear = (year) => { let flag = false; if (year % 4 === 0) flag = true; if (year % 100 === 0) flag = false; if (year % 400 === 0) flag = true; return flag;}console.log(`2022년은 윤년일까? === ${isLeapYear(2022)}`);숙제 함수 개요const tmpName = function() { console.log('inner code1');};tmpName();typeof(tmpName);console.log(tmpName);이렇게 변수명에 함수를 할당할 수 있다는 것에서 많..

2주차 숙제3주차 숙제비파괴적 처리 : 처리 후에 원본 내용이 변경되지 않음.장점:원본을 보존할 수 있다.단점:메모리 소모가 크다.파괴적 처리 : 처리 후에 원본 내용이 변경됨.장점: 메모리를 절약할 수 있다.단점: 원본이 사라져서 위험하다.2/3주차 공부 내용 정리조건문const date = new Date();const hour = date.getHours();const minute = date.getMinutes();const second = date.getSeconds();if (hour >= 12 ) console.log('Afternoon');반복문배열배열은 자료형 상관없이 다 넣을 수 있다. 파이썬과 비슷. index로 접근 가능하고 요소 개수 확인도 가능하다.const arr = [273,..

숙제자바스크립트 개요와 환경설정자바스크립트의 간단한 역사 소개.자바스크립트로 할 수 있는 것들 소개웹 애플리케이션 : 캔바, 워드 등웹서버 : node.js -> 가볍고 빠르다.모바일 애플리케이션 개발 : facebook, instagram... etc데스크톱 애플리케이션 개발 : vscode, discordDB 관리 : noSQL개발 (mongoDB)개발환경 설치와 코드 실행IDE : vsCode사용코드 실행기 : chrome테스트를 하기 위해서, vscode에서 html 문서를 만들고 편집.기본 용어표현식, 문장(세미콜론 구분), 식별자(변수네이밍), 주석자료형기본자료형숫자, 문자열, 불 3개가 대표적.문자열 : ' or " 으로 감싸서 생성.- + : concatenate - [index] : 문자..

"한빛미디어 서평단 활동을 위해서 책을 협찬 받아 작성된 서평입니다." 풀스택 개발자로서 해당 책을 읽어보고 서평을 해보기 위하여 이번에 UX/UI를 위한 피그마와 관련된 책을 읽어 보았습니다. 프론트엔드를 구현하다보면, 어떻게 해야 사용자 경험이 좋을까? 어떻게 디자인해야 사용자가 익숙하고 편하게 사용할 수 있을까? 를 많이 고민하게 됩니다. 그러다보면 머릿속에 떠오른 형상을 그려볼 때가 많은데요, 저는 많은 경우 노트와 연필을 사용해서 그리곤 했습니다. (제가 재직 중인 직장이 조금 특이한 경우인데요, 기획자와 디자이너가 없어서 현재 기획부터 개발까지 전부 팀원들이 도맡아서 하고 있습니다.) 그러다보니 색감이나 디자인이 생각한 것만큼 자세히 묘사하기 힘들었고 나의 이 구상을 어떻게 팀원들에게 혹은 ..