본문 바로가기

내가 해냄

(99)
패스트캠퍼스 챌린지 03일차 - 한 번에 끝내는 프론트엔드 개발 초격차패키지 online 패스트캠퍼스 챌린지 03일차. 강의 part1의 마지막 단계인 스타벅스 웹 페이지 클론코딩을 위한 기본 준비를 마쳤다. 강사님의 깃에서 필요한 파일을 다운하고 폴더정리를 하고 오픈그래프까지 설정하였다. 오픈 그래프는 일상생활에서 익숙하게 알고는 있었지만 용어나 사용법에 대해 배운 것은 오늘이 처음이였다. 오픈 그래프(The Open Graph protocol) 웹페이지가 소셜 미디어(페이스북 등)로 공유될 때 우선적으로 활용되는 정보를 지정합니다. og:type: 페이지의 유형(E.g, website, video.movie) og:site_name: 속한 사이트의 이름 og:title: 페이지의 이름(제목) og:description: 페이지의 간단한 설명 og:image: 페이지의 대표 이미지 주소(U..
패스트캠퍼스 챌린지 02일차 - 한 번에 끝내는 프론트엔드 개발 초격차패키지 online 챌린지의 두번째 날. 모든 수업의 초반은 역시 HTML인 것 같다. 아직 HTML파트를 공부하고 있는데 아는 내용이기도 하고 내일은 진도를 확 빼놓아야겠다. 수업에서 배우는 언어도 다양하고 길게 구성되어 있기 때문에 앞부분에 시간을 많이 할애하면 안 될 것 같다. 아는 내용이여도 이 수업의 좋은 점은 개념에 대해 보다 세세하게 알려준다는 점이다. 대략적으로만 알고 있던 개념들이나 정보들에 대해 의미와 이유등을 자세하게 알려주어 보다 더 깊게 공부할 수 있다는 점이 장점같다. Doctype (DTD, Document Type Definition) 문서의 HTML 버전을 지정한다. 마크업 언어에서 문서 형식을 정의하며, 웹 브라우저가 어떤 HTML 버전의 해석 방식으로 페이지를 이해하면 되는지를 알려주는 용..
패스트캠퍼스 챌린지 01일차 - 한 번에 끝내는 프론트엔드 개발 초격차패키지 online 50일 환급일 첫 날이 시작되었다. 2022년 새해부터 여러가지 챌린지를 진행하다가 알게된 패스트캠퍼스의 환급단. 우선 첫 날에는 프론트엔드의 기본에 대해서 배웠고 그냥 막연하게 알고 있었던 용어나 개념을 조금 더 디테일하게 배울 수 있었다. 오늘은 시간이 조금 부족해서 챕터1, 2의 강의를 진행하였는데 프론트엔드 개발의 기본 개념과 vscode의 기본 설정 까지 진행한 첫 날이였다. vscode를 설치하고 사용에 유용한 확장팩들을 설명하고 설치하였는데, 나는 개발 공부를 원래 했었던터라 모두 설치가 되어 있었다. 따로 추가 설치를 하지는 않았고 1일차 강의를 정리하며 마무리하였다. 프론트엔드 개발 HTML, CSS, JS를 사용하여 데이터를 그래픽 사용자 인터페이스(GUI)로 변환하고, 그것으로 사용자..
패스트캠퍼스 50일 챌린지 시작!
이지스퍼블리싱) 창고털이 서평단 Do it! 자바스크립트 입문 최근에는 코딩이 유행이라는 말을 실감할정도로 다들 코딩에 열심이다. 사실 나도 개발자라는 직업을 희망하며 공부하고 있지만 아직 기본기가 부족하다는 생각을 많이 했었다. 그 즈음의 나는 온라인 강의로 공부를 주로 했었었고, 책을 읽어보며 공부를 하고 싶다는 생각 또한 하게 되었다. 그런 내가 서점에서 찾아보던 책 중 하나가 이지스 퍼블리싱의 "Do it!" 시리즈였다. Do it 시리즈는 이미 온라인 강의로도 익히 알려져있었는데 우연한 기회에 서평단 신청 기간이 잘 맞아떨어져서 신청하여 책을 받아보고 서평을 적어볼 수 있게 되었다. Do it! 자바스크립트 입문 저자 고경희 출판 이지스 퍼블리싱 발매 2021.11.01 "자바스크립트가 세상을 먹어치우고 있다(Javascript Is Eating The W..
한빛미디어) 혼공학습단 7기「혼자 공부하는 자바스크립트」2주차 혼공학습단 2주차! 이번주차 챕터에서는 코딩의 꽃 조건문에 대해서 공부해보았다. 자바스크립트의 조건문은 크게 if조건문과 switch조건문으로 나눌수 있다. 우선 if 조건문에 대해서 알아볼건데, 책에서는 형태에 따라 if조건문을 4가지로 분류하여 설명하였다. 1. if 조건문 if (불 값이 나오는 표현식) { 불 값이 참일 때 실행할 문장 } 우선 자바스크립트에서 가장 일반적인 조건문인 if 조건문이다. 불 표현식의 값이 true이면 중괄호 안의 문장을 실행하고 false면 문장을 무시하고 넘어간다. 아래 예제는 if문을 사용한 간단한 예제이다. 책에 나와있는 손코딩의 자료를 참고했으며 코드와 실행화면은 다음과 같다. 공부한 시간이 22시여서 기준은 모두 22시가 된다. 2. if else 조건문 i..
한빛미디어) 혼공학습단 7기「혼자 공부하는 자바스크립트」1주차 지난번 혼공학습단 모집에 신청하여서 7기에 선정되었다. 혼공학습단은 6주간 한빛미디어의 혼자 공부하는 책 시리즈를 바탕으로 혼자 공부해보며 커리큘럼에 따라 주어지는 미션도 같이 수행하고 인증하는 학습단이다. 6주간 처음 신청했을 때의 마음가짐을 잃지 않고 2022년을 달려보려는 의미에서 이번에 7기로 합류하게되었다. https://www.youtube.com/watch?v=pXuyfvJPENA 내가 6주간 공부하게 될 책은 #혼자공부하는자바스크립트 이며 2022년 1월 10일부터 학습단 활동이 시작되었다. 오늘은 첫 주의 과제를 수행해보려한다. 우선 기본미션인 "Hello World!"를 출력하는 나의 수행과정이다. 혼공학습단 7기 혼공 JS 1주차 기본미션 https://code.visualstudio..
스파르타 코딩클럽) 메이킹챌린지 8기 팀 프로젝트 후기 4주간의 스파르타 코딩클럽에서의 국비지원 교육을 마치고 메이킹 챌린지에 도전하게 됐다. 메이킹 챌린지는 수업 이후 수강생들끼리 4~6인정도의 팀을 꾸려 복습/심화 과정의 프로젝트를 만드는 것이다. 나는 이번에 차수가 종료되고 8기에 프론트엔드 파트로 지원을 하여 도전하게 되었다. 우선 아래 링크는 완성된 최종 웹페이지 링크이다. http://honeygyu.shop/ 서울 채식 식당 :: 채식숲 :: 비건 오보 락토 락토 오보 페스코 폴로 스트릭트 플렉시테리언 프루테리언 로푸더 고기와 생선은 물론 달걀, 우유, 꿀 등 동물에서 비롯된 모든 식품을 섭취하지 않습니다. 케이크를 비롯한 과 honeygyu.shop 메이킹 챌린지는 스파르타 코딩클럽에서 매치해준 팀을 토대로 15일간 진행되게 되는데 이 기간동안..