안녕하세요, 개발자 커뮤니티 여러분! ?
이것은 dev.to의 첫 번째 게시물입니다. #100DaysOfCode 챌린지를 통해 지금까지의 여정을 공유하게 되어 기쁩니다. 저는 더 나은 풀 스택 개발자가 되기 위한 여정을 시작했으며, 프론트엔드 기술을 강화하고, 주요 개념에 대한 이해를 향상시키며, 매일 코딩에 전념하는 데 중점을 두고 있습니다.
현재까지의 진행 상황
지금까지 저는 7일간의 챌린지를 완료했으며 매일 새로운 학습 경험으로 가득 차 있었습니다. 간단히 요약하자면 다음과 같습니다.
첫 번째 날: HTML을 활용해 간단한 고양이 사진 앱을 만들었습니다. ? 기본 HTML 기술을 다시 익히고 나머지 챌린지의 분위기를 조성할 수 있는 좋은 방법이었습니다.
2일차: CSS로 이동하여 freeCodeCamp에서 "카페 메뉴를 구축하여 기본 CSS 배우기" 모듈을 완료했습니다. ? 이는 스타일링 요소를 연습하고 웹사이트의 시각적 레이아웃을 개선하는 데 도움이 되었습니다.
3일차: HTML과 CSS를 사용하여 최고의 학습 플랫폼을 보여주는 표를 만들었습니다. ? 이 프로젝트를 통해 레이아웃과 디자인 능력이 향상되었습니다.
4일 & 5일: CSS와 등록 양식을 사용하여 컬러 마커 세트를 만들었습니다. 이 두 프로젝트를 통해 그라데이션, 상자 그림자, CSS 양식 구조와 같은 고급 CSS 기술을 소개받았습니다.
6일차: 새로운 개념은 없지만 배운 개념을 익히기 위해 노력했습니다. 또한 양식 설문 조사 프로젝트를 완료하고 통과했습니다! ?
7일차: CSS를 사용하여 미니멀리스트 Rothko 스타일의 그림을 만들었습니다. 이 프로젝트를 통해 CSS 박스 모델, 레이어링, 추상 디자인에 대해 더 깊이 알아볼 수 있었습니다.
GitHub에서 내 모든 프로젝트를 확인하실 수 있습니다: github.com/heritech9/100-days-of-code
내가 직면한 어려움
내내 순탄한 항해는 아니었습니다. 제가 겪은 몇 가지 문제는 다음과 같습니다.
시간 관리: 코딩과 다른 약속 사이의 균형을 맞추는 것은 어려울 수 있지만 일관성을 유지하는 것이 중요합니다.
CSS 디버깅: CSS는 특히 요소 위치를 지정하거나 반응형 디자인으로 작업할 때 까다로울 수 있습니다.
동기 부여 유지: 일이 계획대로 진행되지 않는 날에는 동기를 유지하는 것이 정말 어려운 일이었습니다.
이러한 장애물에도 불구하고 저는 제가 이룬 진전과 그 과정에서 발견한 해결책을 자랑스럽게 생각합니다.
목표와 이루고 싶은 것
앞으로 이 도전에 대한 나의 목표는 간단하면서도 야심적입니다.
100일 완료: 일관성을 유지하고 매일 코드를 작성하며 도전을 완료하도록 노력하는 것이 나의 가장 큰 목표입니다.
프론트엔드 개발 마스터: HTML, CSS, JavaScript에 대한 지식을 다지고 백엔드 기술로 넘어가고 싶습니다.
실제 프로젝트 구축: 챌린지가 끝날 때까지 기본 웹사이트부터 보다 복잡한 애플리케이션에 이르기까지 내 기술과 지식을 보여주는 프로젝트 포트폴리오를 갖추는 것을 목표로 합니다.
제 글을 읽어주셔서 감사합니다! 저는 다른 사람들이 계속 도전하고 계속해서 배울 수 있도록 영감을 주고 싶습니다. 내 GitHub를 확인하고 계속해서 여행을 따라가세요.
진보와 지속적인 학습을 위해 여기 있습니다! ?
위 내용은 지금까지의 나의 여정: #DaysOfCode 챌린지 및 달성 목표의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

최근에 제품 이미지의 색상을 동적으로 업데이트하는 솔루션을 찾았습니다. 따라서 제품 중 하나만 사용하여 다른 방식으로 색칠 할 수 있습니다.

이번 주에 라운드 업, Lighthouse는 타사 스크립트에 빛을 비추고 불안한 자원이 안전한 사이트에서 차단되고 많은 국가 연결 속도가 차단됩니다.

사이트에서 방문자 및 사용 데이터를 추적하는 데 도움이되는 분석 플랫폼이 많이 있습니다. 아마도 널리 사용되는 Google 웹 로그 분석

문서 헤드는 웹 사이트에서 가장 화려한 부분이 아닐 수도 있지만 웹 사이트의 성공에 중요합니다.

Super ()?를 호출하는 JavaScript를 볼 때 어떤 일이 발생 하는가. 아동 클래스에서는 Super ()를 사용하여 부모의 생성자와 Super를 호출합니다. 그것의 접근

JavaScript에는 사용자 상호 작용을위한 특수 UI를 표시하는 다양한 내장 팝업 API가 있습니다. 뛰어나게:

나는 다른 날에 많은 회사들이 액세스 가능한 웹 사이트를 만드는 데 어려움을 겪고있는 이유에 대해 다른 프론트 엔드 사람들과 대화를 나누고있었습니다. 액세스 가능한 웹 사이트가 왜 그렇게 어려운가


핫 AI 도구

Undresser.AI Undress
사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover
사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool
무료로 이미지를 벗다

Clothoff.io
AI 옷 제거제

AI Hentai Generator
AI Hentai를 무료로 생성하십시오.

인기 기사

뜨거운 도구

mPDF
mPDF는 UTF-8로 인코딩된 HTML에서 PDF 파일을 생성할 수 있는 PHP 라이브러리입니다. 원저자인 Ian Back은 자신의 웹 사이트에서 "즉시" PDF 파일을 출력하고 다양한 언어를 처리하기 위해 mPDF를 작성했습니다. HTML2FPDF와 같은 원본 스크립트보다 유니코드 글꼴을 사용할 때 속도가 느리고 더 큰 파일을 생성하지만 CSS 스타일 등을 지원하고 많은 개선 사항이 있습니다. RTL(아랍어, 히브리어), CJK(중국어, 일본어, 한국어)를 포함한 거의 모든 언어를 지원합니다. 중첩된 블록 수준 요소(예: P, DIV)를 지원합니다.

Atom Editor Mac 버전 다운로드
가장 인기 있는 오픈 소스 편집기

에디트플러스 중국어 크랙 버전
작은 크기, 구문 강조, 코드 프롬프트 기능을 지원하지 않음

PhpStorm 맥 버전
최신(2018.2.1) 전문 PHP 통합 개발 도구

WebStorm Mac 버전
유용한 JavaScript 개발 도구
