달과 함께하는 IT

https://school.programmers.co.kr/learn/courses/14595 [스터디/6기] 실무와 가까워지는 Node.js 백엔드 개발(feat.TypeScript) ⏰마감되었습니다. 7기 오픈 알림 신청하고 최저가에 수강하세요! 오픈 알림 신청 실무와 가까워지는 Node.js백엔드 개발 (feat. TypeScript) 비교적 쉬운 기술 스택으로 백엔드 구조의 핵심을 짚어보 school.programmers.co.kr 들어가기에 앞서 왜 갑자기 마지막 후기가 됐냐 하면 3주 차와 4주 차는 겉모양 외에 이해한 게 거의 없어서 후기라고 적을게 잡담뿐이 될 거 같아 그냥 묶어서 마지막 후기를 남기기로 했다. 😥 첫 백엔드로 이 수업을 들으실 분이 있다면 난이도가 좀 많이 높기 때문에 다..

https://school.programmers.co.kr/learn/courses/14723 [스터디/17기] 프론트엔드 개발을 위한 자바스크립트 (feat. VanillaJS) 🎁 프론트엔드 개발을 위한 자바스크립트 스터디 모집 중! 이번 기수 일정이 맞지 않다면 오픈 알림 신청하고 최저가에 수강하세요! 오픈 알림 신청 프론트엔드 개발을 위한 자바스크립트 온라 school.programmers.co.kr 서두 백엔드 스터디를 어느 정도 진행한 시점에서 자바스크립트 스터디가 시작됐다 😁 강의의 난이도는 기본적으로 JavaScript 의 이해도가 초 ~ 중급 이상은 되어야 할 것 같다. 일단 왠간한 메서드와 기본적인 제작은 다 할 수 있다는 전제 하에 스터디가 진행된다😱 수요일 저녁 시간에 약 3시간 정..

진행 목표 부트캠프 (혹은 챌린지나 스터디)의 과제와 강의를 최우선적으로 학습 -> 다른데 눈독 들이지 말고 집중해서 주어진 과제와 강의에 집중 특히 챌린지 , 과제는 욕심으로 동시 진행하지 말기☆☆☆ 코딩 테스트 연습을 매주 수요일 3 + 1시간만 하고 있지만 주 10시간 이상 쓰기 -> 현재 매주 수요일 3시간 + 이 코테 복습으로 1시간을 쓰고 있음으로 이후에 6시간을 나눠서던 한 번에 던 다른 과제나 강의를 학습하기☆☆ 과제 혹은 알고리즘 등 이미 학습이 끝난 것들을 티스토리에 정리 혹은 복습 1회 이상 -> 너무 벌려놓은 게 많아 마무리되는 대로 차근차근 시작하기☆ 금주 진행 완료 엘리스 SW 1주 차 진행 완료 (평일 10:00 ~ 18:00) -> 기본적인 Html + CSS와 Git에 대한..

시작하기에 앞서 최근 시작한 프로그래머스 바닐라 JS 첫 주차를 수강하며 네이밍 규칙을 정리할 겸 번역한다. https://school.programmers.co.kr/learn/courses/14723 [스터디/17기] 프론트엔드 개발을 위한 자바스크립트 (feat. VanillaJS) 🎁 프론트엔드 개발을 위한 자바스크립트 스터디 모집 중! 이번 기수 일정이 맞지 않다면 오픈 알림 신청하고 최저가에 수강하세요! 오픈 알림 신청 프론트엔드 개발을 위한 자바스크립트 온라 school.programmers.co.kr 기본적으로 에어 BNB 네이밍 컨벤션을 알고 있다는 전재 하에 작성되었습니다. 1. Variables (변수) // bad var value = 'Robin'; // bad var val = ..

시작하기에 앞서 코드 리뷰와 관련 자료들 중 앞으로 사용하게 될 기술들과 잘 몰랐던 기술들을 짧게 정리하고 요점을 적어두고 다시 활용하기 위한 글입니다. 1. * 1 2 3 4 * { margin: 0; padding: 0; } 고급 선택자로 이동하기 전에 초보자를 위해 쉬운 선택자부터 알아보죠. 별표는 페이지에 있는 전체 요소를 대상으로 합니다. 많은 개발자가 margin과 padding 값을 0으로 세팅하려고 이 선택자를 사용합니다. 간단한 테스트 용도로서는 괜찮습니다. 그러나, 저는 여러분에게 이 별표를 실전에서 사용하지 말라고 권합니다. 브라우저에 과부하가 걸리고, 사용하기에 적절하지 않습니다. *를 자식 선택자에도 사용할 수 있습니다. 1 2 3 #container * { border: 1px ..

진행 목표 엘리스 혹은 타 부트캠프 (혹은 챌린지)의 과제와 강의를 최우선적으로 학습👨‍👩‍👦 -> 다른데 눈독 들이지 말고 집중해서 주어진 과제와 강의에 집중 특히 챌린지 , 과제는 욕심으로 동시 진행하지 말기☆☆☆ 코딩 테스트 연습을 꾸준히 진행하기 (매일 1시간) -> 제로베이스 하차로 인해 따로 미진행 중 인프런 알고리즘 문제풀이 꾸준히 보기 (추가적으로 백준 OR 엘리스 내부자료 고민 중)☆☆ 클린 코드를 위한 자료 공부 + CS나 면접 등 기본지식 교육 (매일 1시간) -> 하단부 학습목표에 기제☆ 금주 진행 완료 제로베이스 JS 코드 리뷰 및 정리 완료 엘리스 SW 사전 OT 및 출석체크 등 진행 준비 완료 실무와 가까워지는 Node.js 백엔드 개발 3주 차 수강 완료 인프런 자바스크립트 ..

시작하기에 앞서 코드 리뷰와 관련 자료들 중 앞으로 사용하게 될 기술들과 잘 몰랐던 기술들을 짧게 정리하고 요점을 적어두고 다시 활용하기 위한 글입니다. CSS visivility에 관해 개인 프로젝트를 진행하다가 보면 배치한 컴포넌트와 모듈이 첫 시작때 배치 이동되면서 화면이 어그러지는 경우를 많이 보게된다. 이를 해결하기 로딩이나 스피너등으로 유저 이탈을 막는 경우가 있는데 최근에는 스켈레톤 UI (컴포넌트)를 많이 사용한다. 하지만 로딩이 길지않고 사이트 로딩자체의 시간이 아주 길지 않은 경우 => 일반적으로 유저가 빈 화면등을 보고 이탈하는 시간인 3초 이내 굳이 스켈레톤 리소스를 활용하는 것 보다 간단하게 CSS를 활용하는 방법을 찾아서 공유한다. // CSS body { visibility: ..

시작하기에 앞서 코드 리뷰와 관련 자료들 중 앞으로 사용하게 될 기술들과 잘 몰랐던 기술들을 짧게 정리하고 요점을 적어두고 다시 활용하기 위한 글입니다. JSON.parse() 와 JSON.stringify() JSON은 JavaScript Object Notation의 약자로서 데이터를 문자열의 형태로 나타내기 위해서 사용됩니다. 이름이 암시하듯 JSON은 본래 자바스크립트에서 파생되었지만 현재는 거의 표준으로 자리잡아 대부분의 다른 프로그래밍 언어에서도 지원하는 데이터 포멧입니다. JSON은 특히 네트워크를 통해 서로 다른 시스템들이 데이터를 주고 받을 때 많이 사용되기 때문에 어렵지 않게 접할 수 있습니다. 이중 자바스크립트 내장객체인 JSON.parse()와 JSON.stringify()를 이용해..

진행 목표 엘리스 혹은 타 부트캠프 (혹은 챌린지)의 과제와 강의를 최우선적으로 학습 -> 다른데 눈독 들이지 말고 집중해서 주어진 과제와 강의에 집중 특히 챌린지 , 과제는 욕심으로 동시 진행하지 말기☆☆☆ 코딩 테스트 연습을 매주 수요일 3 + 1시간만 하고 있지만 주 10시간 이상 쓰기 -> 현재 매주 수요일 3시간 + 이 코테 복습으로 1시간을 쓰고 있음으로 이후에 6시간을 나눠서던 한 번에 던 다른 과제나 강의를 학습하기☆☆ 과제 혹은 알고리즘 등 이미 학습이 끝난 것들을 티스토리에 정리 혹은 복습 1회 이상 -> 너무 벌려놓은 게 많아 마무리되는 대로 차근차근 시작하기☆ 금주 진행 완료 제로베이스 프론트엔드 스쿨 3차 코테 (9.2/10점) (수요일 3시간) CRUD API (Typescrip..

링크 https://zerosial.github.io/html-markup-5/ 내비게이션 및 푸터 - 쿠팡(Coupang) zerosial.github.io 특이사항 마우스 오버시 창 추가