2023년부터 로그 기록 2023년부터 로그 기록

목차 1. 멋사에 들어오기 전 선배의 이야기 2. 멋사에서 얻어 갈 수 있는것 3. 이것만큼은 꼭 챙기기! 4. 이것만큼은 절대 하지 말기! 5. 해주고 싶은 말 6. 꿀팁 7. QnA 1. 멋사 들어오기 전 선배의 이야기 (5기) - 현제 나이? 27살 -> 25살 - 의공학 출신의 졸업 후 멋사 지원 (C언어, 파이썬 조금 해봄) - 스팸 메일도 확인하고 기대했던 합격 2. 멋사에서 얻어 갈 수 있는것 - 소프트웨어 스킬 - 협업 경험 3. 이것만큼은 꼭 챙기기! 3-1. 꼭, 회고조 활동 열심히 하기! 3-2. Live Share (Extenstion) : 페어 프로그래밍 (길게 20분 정도, 네비게이터 프로그래머) 3-3. AI와 친해지기 (ChatGPT3/4) : 복잡하지 않게 직접적이고 간단하..

목차 1. 주제 2. 핵심 태그 및 속성 3. 코드 1. 주제: 버튼 만들기 - 제한시간 15분 - 추가시간을 받고 총 30분 안에도 못함... (수강생 88명 중 50명은 했음) - 따라서, 나의 수준에서는 복습 및 백지 코딩 수행이 필수임 (1) 일단 button 에 가상 상태 클래스 (:hover, :active, :disabled) 를 적용해서 버튼 4개 만들기 (2) CSS 변수 적용해서 유지보수 용이한 형태로 CSS 수정하기 2. 핵심 태그 및 속성 (1) :enabled, :disabled, :hover, :active (2) :root (CSS 전역 변수 선택자) (3) @font-face (4) border (5) box-shadow: inset 3. 코드 Button Button Yes..

목차 1. flex 복습 2. 실습 Card2 3. 버튼 4. 피그마 5. 디자인 요소 살펴보기 6. 벡터와 비트맵 7. 피그마 실습 1. flex 복습 flex-grow 는 글자수의 길이에 영향을 미쳐 정확한 비율 맞추기가 어렵다. 이때 부모에 flex-basis:0 을 주면 균등하게 flex-grow 를 줄 수 있다. 2. 실습 Card2 - validator.w3.org 에서 마크업 검사 실행 - button:enable {cursor:pointer} / button:disabled {} - display: flex 속성이 있을 경우, 너비값 고정없이 유연하게 처리하기 때문에 text-overflow 가 안먹힐 수 있다. (width 고정값을 주던지, 넘치는 요소 컨테이너를 만들어 그곳에서 over..

목차 1. 인트로 2. CSS 텍스트 관련 속성 3. GitHub 저장소에 신규 코드 폴더 업로드 1. 인트로 - CLI git 에서 애먹는 사람들이 많음 - 점심이나 저녁 추천메뉴를 커밋하면서 연습하는 방법이 있음 2. CSS 텍스트 관련 속성 2-1. Color - 컬러보드를 통해서 색상 변경과 투명도(transparent) 변경이 가능함 - 투명도는 알파값 2-2. currentColor - color 상속 - 요소들이 많아 졌을 때 색상 관리하는데 유용함 - (개발자 도구) 제일 마지막 요소의 Color 값에서 대비율을 확인할 수 있음 - 카카오 고대비 태마 - 대비율은 웹 접근성 검사에서 사용됨 (노안, 색약을 위한 작업) - Lighthouse 보고서 생성 (웹 접근성 검사) 2-3. CSS ..

1. 수업 전 알아두기 1-1. 추천하는 확장도구 - (VSCode) Prettier : 코드 태그 자동생성 - (VSCode) Live Server : 실시간으로 Live Server 웹페이지를 열어 수정사항 확인 가능 휴대폰과 PC가 동일한 와이파이로 연결되어 있다면 휴대폰에서도 서버 웹페이지를 동일하게 확인가능 - (VSCode) vscode-icons : vscode 내 icon을 변경 가능 (setting > file theme 검색 > Icon Theme: VSCode Icons) - (VSCode) ident-rainbow : tab 색깔 변경 - (VSCode) Gitmoji : Git 활용시 커밋 메시지에 이모지 적용 - (VSCode) Ayu Mirage Bordered : (미설치) ..

1. 우리는 이렇게 공부해요 학습 곡선 어디에 있든지 그저 묵묵히 걸으면 목표한 바를 이룰 수 있다. 남은 비교 대상이 아니다. 초점을 안으로 모아 나만의 속도로 페이스를 잃지 마시고 묵묵히 걸어가라. 뱁새가 황새 따라가는 법은 뒤따라 나는 것이다. 그러면 같은 곳에 착지한다. 매우 많은 지식을 습득하게 될 것입니다. 때로는 너무 많은 지식에 버겁다고 느껴질 것이다. 그러나 버거운 마음을 내려두고 이해가 안되는 채로 내버려 두라. 중요한 것은 다시 나온다. 그러면 다시 공부하면 되다. 2번이 안되면 3번이면 된다. 모두의 속도는 다른다. 또 모두가 시작한 시점이 다르다. 나만의 속도로 페이스를 잃지 않고 묵묵히 걸어가라. 당신의 때가 옵니다. 반드시 옵니다. 2. 멋사 Front-end 공부방법 2-1...

목차 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 와 같지만 다르게 부르는..

목차 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..