프론트엔드
-
[멋쟁이사자처럼] 실습 - 박스꾸미기Front-end 개발 2023. 7. 7. 16:32
목차 1. 과제 내용 2. 문제 풀이 3. 코드 1. 과제 내용 멋쟁이사자처럼 프론트엔드 스쿨 7기 첫번째 주 HTML/CSS 강의가 끝났다. 이번주는 HTML/CSS 입문과 Git/Github 기초를 배웠다. 강의 계획서와 달리 HTML/CSS 는 3주간 배울 것으로 예상된다. 학습의 연속성과 복습을 위해서 멋쟁이사자처럼에서는 매주 과제를 내주는 것 같다. 과제는 필수와 일반으로 나뉘는데, 이번주는 일반 과제이다. 필수과제의 경우 채용을 고려중인 기업에 공개되는 것 같다. 이번주 과제는 아래와 같다. 1-1. 과제명 - 박스 꾸미기 1-2. 상세 내용: - 오늘 배운 것들을 활용하여 박스를 만들어보세요! - 사이즈, 컬러는 자유롭게 해주세요. 정확한 컬러나, 폰트가 일치하지 않아도 됩니다. - 7/10..
-
[멋쟁이사자처럼] 프론트엔드 스쿨 7기 - 스터디 계획 세우기Front-end 개발 2023. 7. 5. 06:52
목차 1. 배경: 걱정거리 2. 스터디 주제 3. 스터디 방법 4. 모임 회수 5. 스터디 지향점 1. 배경: 걱정거리 스터디는 아는 사람이 주도하는 것이 좋다. 하지만 잘 아는 사람이 얼마나 많겠는가? 또 그 사람이 친절히 가르쳐줄 여유가 있을까? 스터디를 한다면 어설프게 가르치고, 배울게 아니라 습관을 형성하는 식으로 하는게 좋겠다. 현재 동기들이 만든 스터디는 소수로 운용되어 들어가지 못하거나, 직접 만들어야 한다. 스터디를 안하고 혼자하면 늘어지고 흐름이 끊긴다. (꾸준하지 못하다) 다른 사람들을 보면 조급해지고, 뒤쳐지는 느낌을 받는다. (정신건강에 해롭다) 2. 스터디 주제 - Tech!T Front-end School 수업 일지 및 복습 - HTML/CSS : 테킷 FE 스쿨, (백지) 클론..
-
[멋쟁이사자처럼] 프론트엔드 스쿨 7기 - 2일차 기록 및 복습Front-end 개발 2023. 7. 4. 11:35
1. 우리는 이렇게 공부해요 학습 곡선 어디에 있든지 그저 묵묵히 걸으면 목표한 바를 이룰 수 있다. 남은 비교 대상이 아니다. 초점을 안으로 모아 나만의 속도로 페이스를 잃지 마시고 묵묵히 걸어가라. 뱁새가 황새 따라가는 법은 뒤따라 나는 것이다. 그러면 같은 곳에 착지한다. 매우 많은 지식을 습득하게 될 것입니다. 때로는 너무 많은 지식에 버겁다고 느껴질 것이다. 그러나 버거운 마음을 내려두고 이해가 안되는 채로 내버려 두라. 중요한 것은 다시 나온다. 그러면 다시 공부하면 되다. 2번이 안되면 3번이면 된다. 모두의 속도는 다른다. 또 모두가 시작한 시점이 다르다. 나만의 속도로 페이스를 잃지 않고 묵묵히 걸어가라. 당신의 때가 옵니다. 반드시 옵니다. 2. 멋사 Front-end 공부방법 2-1...
-
[멋쟁이사자처럼] 프론트엔드 스쿨 7기 - 1일차 기록 및 복습Front-end 개발 2023. 7. 4. 08:38
목차 1. HTML/CSS 2. 김멋사 이력서 1. HTML/CSS 1-1. HTML - Section Tag 1-2. CSS - montserrat 폰트를 가져와서 전체 문서의 폰트로 변경 - Lorem Ipsum - 행간은 16px (160% 를 주는게 가장 보기 좋음) - Browser 간 다를 수 있는 마진 때문에 body, h1, h2 를 마진, 패딩 초기화 - div 가운데 정렬은 (margin-right: auto; margin-left: auto;) - div 그림자 주기 (box-shadow: 가로축 세로축 blur spray rgba(red, green, blue, 투명도);) - Floating 하고 겹치지 않게 overflow hidden 하는 법 - div 와 같지만 다르게 부르는..
-
[요약] 웹 프론트엔드로 취업하는 구체적인 준비 방법YouTube 메모 2023. 6. 28. 04:08
목차 1. 성장 가능성 증명 2. 협업 능력 증명 3. 추가적인 조언 다음 직장은 웹 프론트엔드 개발자가 되기로 했다. 패스트캠퍼스에서 제공하는 로드맵은 내용이 많고 걱정부터 든다. 좀 더 현실적이고 효과적인 방법을 유튜브에서 찾아 시청하고 기록한다. 1. 성장 가능성 증명 1-1. 개발을 좋아한다는 증명 (제일 중요) - 자신이 만들고 있는 또는 만들고 싶은 서비스가 있을 것 (생활코딩, 노마드코더, 제로초 살펴보며 아이디어 얻기) - 깃헙 커밋 + 개발 블로그가 있을 것 (꾸준한 잔디심기와 개발 블로그 링크 깃헙에 남기기) 1-2. CS 지식 (Computer Science 6대 과목) - 백준 저지 (BOJ) 100 문제 풀기 (자료구조, 알고리즘) - 주니어는 면접 질의응답 예시 찾아서 공부 (컴..
-
[멋쟁이사자처럼] 프론트엔드 스쿨 7기 - 상세 훈련과정Front-end 개발 2023. 6. 27. 17:46
목차 1. 일정표 2. 주요 학습 내용 멋쟁이사자처럼 프론트엔드 스쿨 7길에 지원하고 약 1개월이 지났다. 나는 1, 2차 평가를 통과하여 최종 합격하고, 드디어 6월 23일 멋쟁이사자처럼의 HRD-Net 행정등록이 완료됬다. * 위 훈련과정은 테킷 홈페이지에서 사전 선발된 사람을 대상으로 진행된다. 내가 지원하면서 가장 궁금했던 사항이었고 이제야 볼 수 있게된, 테킷 프론트엔드 스쿨의 4개월 상세 교육과정을 공유한다. 첨부파일로 붙여 놓은 계획서는 일(日) 단위 오전/오후로 시간구분이 되어 상세한 일정이 계획되어 있다. 교육과정이 변동될 수 있지만, '제주코딩 베이스캠프'에서 강의를 진행한다면 참고하기 충분할 것이다. 1. 일정표 ( 2023.07.03 ~ 2023.11.10 ) 2. 주요 학습 내용 ..
-
[용어] 프론트엔드 관련 용어 해설, '프론트엔드 도대체 뭐야' 시리즈의 목차Front-end 개발/FE 용어 2023. 6. 27. 14:40
평소에 모르고 지나갔거나, 자주 쓰지만 헷갈렸던 용어를 풀어 써보는 컨텐츠 시리즈이다. 프론트엔드 개발 용어와 백엔드 개발 용어를 분리하여 정리해본다. 용어의 해설은 프론트엔드 개발 분야 관점에서 용어를 해설한다. ○ 도대체 서블릿 (Servlet) 이 뭐야 ○ 도대체 CDN 이 뭐야 (AWS CDN) ○ 도대체 AWS S3, Cloudfront 가 뭐야 ○ 도대체 Firebase 가 뭐야 ○ 도대체 Serverless 가 뭐야 ○ 도대체 웹팩이 뭐야 ○ 도대체 디자인 패턴이란게 뭐야 ○ 도대체 SPA, 랜딩 페이지가 뭐야 ○ 도대체 React18 Supense Fallback 이 뭐야 ○ 도대체 React Server Compoment 가 뭐야 ○ 도대체 번들링이 뭐야 (Code Splitting >다..
-
[멋쟁이사자처럼] 테킷 프론트엔드 스쿨 7기 지원 - 최종 합격Front-end 개발 2023. 6. 24. 07:22
목차 1. 합격 통지 2. 선물 특전 3. 행정 절차 4. 예비 합격 1. 합격 통지 오늘 (주)멋쟁이사자처럼으로부터 최종 합격 문자와 메일을 받았다. 최종 합격자 발표가 3일 뒤로 연기됨으로써 지원자가 기존 정원을 초과 했음을 직감했다. 발표 당일 같이 지원했던 지인의 경우 불안하게 '예비 합격자' 통보를 받았다. 나는 5월 17일부터 프론트엔드 스쿨 7기에 들어가기 위해 노력하는 시간을 보냈다. 온전히 여기에 시간과 노력을 쓴건 아니지만, 총 28일 경과했다. 2023년 5월 17일(수), 사전설명회 2023년 6월 08일(목), 1차 합격 발표 2023년 6월 12일(월), 2차 과제 마감 및 기초 프로그래밍 테스트 2023년 6월 20일(화), 최종 발표 및 행정 등록 (연기) 2023년 6월 2..