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

목차 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. 추가적인 조언 다음 직장은 웹 프론트엔드 개발자가 되기로 했다. 패스트캠퍼스에서 제공하는 로드맵은 내용이 많고 걱정부터 든다. 좀 더 현실적이고 효과적인 방법을 유튜브에서 찾아 시청하고 기록한다. 1. 성장 가능성 증명 1-1. 개발을 좋아한다는 증명 (제일 중요) - 자신이 만들고 있는 또는 만들고 싶은 서비스가 있을 것 (생활코딩, 노마드코더, 제로초 살펴보며 아이디어 얻기) - 깃헙 커밋 + 개발 블로그가 있을 것 (꾸준한 잔디심기와 개발 블로그 링크 깃헙에 남기기) 1-2. CS 지식 (Computer Science 6대 과목) - 백준 저지 (BOJ) 100 문제 풀기 (자료구조, 알고리즘) - 주니어는 면접 질의응답 예시 찾아서 공부 (컴..

평소에 모르고 지나갔거나, 자주 쓰지만 헷갈렸던 용어를 풀어 써보는 컨텐츠 시리즈이다. 프론트엔드 개발 용어와 백엔드 개발 용어를 분리하여 정리해본다. ○ 도대체 SASS 가 뭐야 ○ 도대체 Docker 가 뭐야 ○ 도대체 카프카 (Kafka) 가 뭐야 ○ 도대체 아파치 (Appache) 가 뭐야 (Spark, Kafka) ○ 도대체 가속 컴퓨팅이 뭐야 ○ 도대체 병렬처리가 뭐야 ○ 도대체 배포가 뭐야 ○ 도대체 ERD 가 뭐야 ○ 도대체 SQL 이 뭐야 ○ 도대체 Database (DB) 가 뭐야 ○ 도대체 Swagger 가 뭐야 ○ 도대체 JWT 가 뭐야 ○ 도대체 Open API, Railway, Cloudtype 이 뭐야 ○ 도대체 REST API 가 뭐야 ○ 도대체 CRUD 가 뭐야 ○ 도대체 ..

목차 1. 일정표 2. 주요 학습 내용 멋쟁이사자처럼 프론트엔드 스쿨 7길에 지원하고 약 1개월이 지났다. 나는 1, 2차 평가를 통과하여 최종 합격하고, 드디어 6월 23일 멋쟁이사자처럼의 HRD-Net 행정등록이 완료됬다. * 위 훈련과정은 테킷 홈페이지에서 사전 선발된 사람을 대상으로 진행된다. 내가 지원하면서 가장 궁금했던 사항이었고 이제야 볼 수 있게된, 테킷 프론트엔드 스쿨의 4개월 상세 교육과정을 공유한다. 첨부파일로 붙여 놓은 계획서는 일(日) 단위 오전/오후로 시간구분이 되어 상세한 일정이 계획되어 있다. 교육과정이 변동될 수 있지만, '제주코딩 베이스캠프'에서 강의를 진행한다면 참고하기 충분할 것이다. 1. 일정표 ( 2023.07.03 ~ 2023.11.10 ) 2. 주요 학습 내용 ..

평소에 모르고 지나갔거나, 자주 쓰지만 헷갈렸던 용어를 풀어 써보는 컨텐츠 시리즈이다. 프론트엔드 개발 용어와 백엔드 개발 용어를 분리하여 정리해본다. 용어의 해설은 프론트엔드 개발 분야 관점에서 용어를 해설한다. ○ 도대체 서블릿 (Servlet) 이 뭐야 ○ 도대체 CDN 이 뭐야 (AWS CDN) ○ 도대체 AWS S3, Cloudfront 가 뭐야 ○ 도대체 Firebase 가 뭐야 ○ 도대체 Serverless 가 뭐야 ○ 도대체 웹팩이 뭐야 ○ 도대체 디자인 패턴이란게 뭐야 ○ 도대체 SPA, 랜딩 페이지가 뭐야 ○ 도대체 React18 Supense Fallback 이 뭐야 ○ 도대체 React Server Compoment 가 뭐야 ○ 도대체 번들링이 뭐야 (Code Splitting >다..

목차1. 외형2. 내형3. 능력주말 여러가지 계획이 있었다.할 일들이 밀려 있다.그런데 하지 않고 유튜브 리뷰 영상과 쇼츠 그리고 낮잠으로 시간을 보냈다.방송 중에 있는 광고마냥,중간중간 해야할 일들을 떠올리며 약간의 스트레스를 받고 다음 유튜브 영상를 즐겼다.다양한 컨텐츠를 즐기며, 다른 세상에 다녀온 것 마냥 즐겁고 들떠있는 느낌이다. 이제 늦은 밤 모두가 월요일을 준비하며 잠들 시간이 됬다.그리고 게으름을 이겨내고 이렇게 글을 쓸 정도로 자괴감이 쌓이고, 나 자신이 한심하다.해야 할 일이 있지만 귀찮고 다 잊고 싶어서 휴대폰에 다시 빠져들며 도피하는 일을 몇차례나 반복했는지 모르겠다.나는 앞으로도 바꾸지 않을 것만 같다.내가 바라는 모습은 멀어져만 가고 자신감이 없어진다. 휴대폰을 잠시 멀리하면서 ..

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

거스름돈 제한 시간 : 2초 메모리 : 512 MB 정답 비율 : 47.232% 문제 : 춘향이는 편의점 카운터에서 일한다. 손님이 2원짜리와 5원짜리로만 거스릅돈을 달라고 한다. 2원짜리 동전과 5월짜리 동전은 무한정 많이 가지고 있다. 동전의 개수가 최소가 되도록 거슬러 주어야 한다. 거스름돈이 n인 경우, 최소 동전의 개수가 몇 개인지 알려주는 프로그램을 작성하시오. 예를 들어, 거스름돈이 15원이면 5원짜리 3개를, 거스름돈이 14원이면 5원짜리 2개와 2원짜리 2개로 총 4개를, 거스름돈이 13원이면 5원짜리 1개와 2원짜리 4개로 총 5개를 주어야 동전의 개수가 최소가 된다. 입력 13 출력 5 제출 # 15=>5(3), 13=>5(1)+2(4), 11=>5(1)+2(3) # 1,3 => -1..

영화감독 숌 제한 시간 : 2초 메모리 : 128 MB 정답 비율 : 55.362% 문제 : 666은 종말을 나타내는 수라고 한다. 따라서 많은 블록버스터 영화에서는 666이 들어간 제목을 많이 사용한다. 영화감독 숌은 세상의 종말 이라는 시리즈 영화의 감독이다. 조지 루카스는 스타워즈를 만들 때, 스타워즈 1, 스타워즈 2, 스타워즈 3, 스타워 4, 스타워즈 5, 스타워즈 6와 같이 이름을 지었고, 피터 잭슨은 반지의 제왕을 만들 때, 반지의 제왕 1, 반지의 제왕 2, 반지의 제왕 3과 같이 영화 제목을 지었다. 하지만 숌은 자신이 조지 루카스와 피터 잭슨을 뛰어넘는다는 것을 보여주기 위해서 영화 제목을 좀 다르게 만들기로 했다. 종말의 수란 어떤 수에 6이 적어도 3개 이상 연속으로 들어가는 수를..

목차 1. 이벤트와 보상 2. 수 강 후 기 패스트캠퍼스 강의를 8주간 들으면서 동기부여도 되고 성취감도 느낄 수 있는 이벤트와 보상이 있다. 미리 말하지만 나는 모든 이벤트에 참여했고, 해당 보상(혜택)을 모두 받았다. 1. 이벤트와 보상 1-1. 종강 후 수료증과 자부담 환급 공부를 게임처럼 즐길 수 있는 첫번째 관문이다. 다음 국비지원교육 수강에 문제가 없으려면 신청한 강의를 수료해야 한다. 이번 기수까지는 강의 진도율 80% 를 넘기면 자동 수료였지만, 다음 기수부터는 수료 조건이 상향되어 미완성이라도 실습 과제(파이널 프로젝트)를 제출해야 수료이다. 수료 조건 : 진도율 80% 달성 (+ 파이널 프로젝트 제출) 수료증 : 수료자 대상 영업일 기준 5~7일 이내 이메일 발급 자부담 환급 :수료 조..

목차 1. Iterable 2. Iterator 1. 이터러블 (Iterable) 1-1. 사전적 의미 [형용사] 반복할 수 있는 1-2. Python 공식 용어집 멤버들을 한 번에 하나씩 돌려줄 수 있는 객체(Object). 이터러블의 예로는 모든 (list, str, tuple 같은) 시퀀스 형들 dict 같은 몇몇 비시퀀스 형들, 파일 객체들, __iter__() 나 시퀀스 개념을 구현하는 __getitem__() 메서드를 써서 정의한 모든 클래스의 객체들이 있다. 이터러블은 for 루프에 사용될 수 있고, 시퀀스를 필요로 하는 다른 많은 곳 (zip(), map(), ...) 에 사용될 수 있다. 이터레이트할 때 원하는 시퀀스 항목들을 순서대로 돌려주는 객체이지만, 실제로 리스트를 만들지 않아서 ..

나이순 정렬제한시간 : 3초메모리 : 256 MB정답 비율 : 43.320%문제: 온라인 저지에 가입한 사람들의 나이와 이름이 가입한 순서대로 주어진다. 이때, 회원들을 나이가 증가하는 순으로, 나이가 같으면 먼저 가입한 사람이 앞에 오는 순서로 정렬하는 프로그램을 작성하시오.입력: 첫째 줄에 온라인 저지 회원의 수 N이 주어진다. (1 ≤ N ≤ 100,000) 둘째 줄부터 N개의 줄에는 각 회원의 나이와 이름이 공백으로 구분되어 주어진다. 나이는 1보다 크거나 같으며 200보다 작거나 같은 정수이고, 이름은 알파벳 대소문자로 이루어져 있고, 길이가 100보다 작거나 같은 문자열이다. 입력은 가입한 순서로 주어진다. : 예제 입력 13 21 Junkyu 21 Dohyun 20 Sunyoung출력: 첫째..

목차 1. 과제 제출 및 평가 2. 과제 내용 3. 과제 리뷰 4. 결과물 리뷰 전후 비교 1. 과제 제출 및 평가 과제 제출 마감까지 8일이 남아서 부랴부랴 피그마 사용법을 익혀 작업을 시작했다. 결과적으로 과제 가이드라인과 필수 기능을 갖춘 나만의 이메일 App 프로토타이핑을 완성하여 제출했다. 과제 제출본 과제 제출본 프로토타이핑 2. 과제 내용 2-1. 프로젝트 주제 나만의 이메일 앱을 디자인하기 2-2. 프로젝트 설명 과제로 제공되는 피그마 링크에 있는 3개의 캡쳐 화면을 디자인하기 3개의 화면을 연동해서 프로토타입을 만들어 보기 배경 컬러, 아이콘의 스타일, 폰트 크기와 컬러, 프로필의 모양 등을 바꿔보기 필요에 따라 원하는 기능을 넣기 위해 메뉴와 화면을 추가해 보기 최종 완료된 프로토타입의..

오늘의 한 줄: 걸어가는 만큼 힘이 생긴다 유튜브 Short 에서 보게된 아기 강아지 둥이의 뒷모습이다. 둥이가 처음 산책을 나왔을 때 밝게 뛰어놀지 않고, 멍하니 앉아있는 강아지의 뒷모습을 보며 다양한 반응의 댓글이 남겨졌다. 여기서 나를 포함해 많은 사람들이 감동을 받은 댓글이 있어서 가져왔다. 거대한 세상을 마주한 존재의 뒷모습에 숙연해진다. 너무 걱정하지 마렴. 걸어가는 만큼 힘이 생긴단다. 걸어가는 만큼 힘이 풀릴 날도 오겠지만, 그 또한 받아들일 마음도 생긴단다. 마음이 참 따뜻해 지는 글이다. 감사합니다. https://www.youtube.com/shorts/qZ5tx4aYosQ

오늘의 한 줄: 인생이 바뀌는 글쓰기 나는 메모를 자주하는 편이다. 내 일정, 생각과 다짐, 검색해 볼 것 등등 하지만 메모를 하면서 아래와 같은 생각을 종종 한다. 내가 메모를 잘하는 건가? 어차피 쌓이기만 하고 다시 안들여다 볼 메모는 무쓸모 아닌가? 다른 사람들은 어떻게 생각하고 메모를 하지? 오늘 SBS Biz Knowlege 『빅퀘스천』 30회 김익한 교수님편을 유튜브로 접하면서 궁금증이 해소되었다. 오늘의 한 줄은 김익한 교수님의 가르침에 대한 지식기록인 것이다. 내용은 아래와 같다. 나중에 보기 위한 메모와 기록은 반드시 잊어버린다. 메모해 두고 나중에 보는 것은 유용하지만, 메모를 위한 메모는 기억하지 못한다. 기록하는 방법 지금 기억하기 위해 메모 행위로 머릿속에 내용을 각인시키고, 이해..