Project.log

미니프로젝트 YA 어때! 미니프로젝트로 YA놀자와 여기어때를 합친 숙박공유플랫폼을 만들게 되었습니다. https://github.com/Mini-Team-6/Mini-Team-6-Frontend GitHub - Mini-Team-6/Mini-Team-6-Frontend: 미니프로젝트 6조 프론트엔드 REPO 미니프로젝트 6조 프론트엔드 REPO. Contribute to Mini-Team-6/Mini-Team-6-Frontend development by creating an account on GitHub. github.com https://mini-6-frontend.web.app/ YA어때! mini-6-frontend.web.app 🤔이번 프로젝트는 어떤 프로젝트? 이번에 진행한 미니 프로젝트는 ..

[직원 사진 관리 서비스] 두번째 개인프로젝트로 HTML5 / CSS3/ JS / AWS S3 or Firebase 를 이용하여 직원 사진 관리를 하는 서비스 과제가 나왔습니다. https://poetic-pudding-e89335.netlify.app/ EDIYA Clone Coding EDIYA COFFEE 최첨단 시설에서 탄생하는 고품질의 원두로 최고의 커피맛을 고객들에게 제공합니다. 드림 팩토리 드림 물류센터 poetic-pudding-e89335.netlify.app (▲위 결과물은 첫번째 프로젝트입니다) 이번 프로젝트의 중점적인것은 JavaScript로 사진 추가, 사진 수정, 사진 삭제를 할 수 있어야 하며 Firebase로 사진 관리도 되어야 합니다. 저번 첫번째 개인프로젝트에서 아쉬웠던 ..

[클론코딩할 사이트를 정해서 클론코딩해보기] 첫번째 개인프로젝트로 HTML5 / CSS3만을 이용하여 클론코딩을 해보는 과제가 나왔습니다. 예전에 이디야사이트를 만들다가 어려워서 포기한적이 있었는데 이번기회에 제대로 메인페이지를 구축하고싶어서 이디야사이트를 클론코딩하기로 하였습니다. https://www.ediya.com/ 이디야커피 Always Beside you. 이디야커피 공식홈페이지입니다. www.ediya.com [구성 살펴보기] HTML 큰틀로 보자면 . . . 이렇게 짜면 될것같았고 CSS는 Reset.css로 초기화를 시켜준뒤에 ui.css로 짜면 될것 같았습니다. https://projectlog.tistory.com/61 Reset CSS (리셋 CSS) 개요 Reset CSS란? 간혹..

블로그/TIL 작성방법(1) - 이건 꼭 넣기 [1] 어떤 ‘문제’가 있었는지 구체적으로 어떤 문제가 있었는지 파악하고 글쓰기 [2] 내가 ‘시도’해본것들 내가 무엇을 시도해았는지 즉, 삽질을 얼마나 하였는지 예를들면 구글검색, 스택오버플로우검색, 기술블로그 참고 등 [3] 어떻게 ‘해결’했는지 구체적으로 어떻게 그 문제를 해결하였는지 [4] 뭘 ‘새롭게알았는지’ 위 과정을 통해 무엇을 새롭게 알았는지 블로그/TIL 작성방법(2) - 이건 굳이 필요X [1] 반짝반짝 예쁘게 꾸미기 예쁘게 꾸미는것 보다 내용을 중요시해야한다. 면접질문이 여기서 나온다고 생각하고 내용을 중요시하자. 단, 프론트엔드 지망생일 경우 블로그에 다크모드를 만든다거나 버튼에 기능을 할당한다거나 등은 매우좋다 [2] 통째로 붙여넣은 ..

1) 자신의 강점과 약점은 무엇인가요? 저의 강점은 새로운 기술에 대한 열린 마음과 적극적인 학습 태도입니다. 또한, 문제 해결 능력과 논리적 사고 능력도 강점 중 하나입니다. 반면에 제 약점은 디테일한 부분에 대한 주의 부족입니다. 이를 보완하기 위해 더욱 신중하게 작업하고, 팀원들과 함께 코드 리뷰를 진행하는 등의 방법을 사용하고 있습니다. -> 자신의 약점에 대한 보완을 얼마나 성실하고 지속적으로 하고 있는지에 대한 내용이 중요합니다. 2) 어떤 프레임워크를 사용하여 개발했나요? 왜 그 프레임워크를 선택했나요? 저는 React를 선호합니다. 이유는 React가 사용자 인터페이스 구축과 관리를 쉽게 할 수 있는 사용자 측 라이브러리이기 때문입니다. 또한, 리액트 컴포넌트는 모듈화를 통해서 개발 생산성..

Knowre-Dev의 WebDevCurriculum의 레포지토리를 Fork하여 퀘스트를 해결해 나가는 글입니다 Introduction 이번 퀘스트에서는 2021년 현재 웹 프론트엔드의 많은 최신 기술 중 웹 어셈블리에 관해 알아보겠습니다. Checklist 웹 어셈블리란 어떤 기술인가요? 웹 어셈블리(WebAssembly)는 웹 브라우저에서 실행되는 이진 형식의 가상 머신입니다. 웹 어셈블리는 C, C++, Rust, Go 등의 언어로 작성된 코드를 웹 브라우저에서 실행할 수 있도록 하기 위해 개발되었습니다. 이는 기존의 JavaScript 엔진을 대체하는 것이 아니라, 보조적인 역할을 수행하여 더욱 빠르고 안전한 웹 애플리케이션을 만들 수 있도록 지원하는 기술입니다. 웹 어셈블리 모듈을 웹 프론트엔드 ..

Knowre-Dev의 WebDevCurriculum의 레포지토리를 Fork하여 퀘스트를 해결해 나가는 글입니다. Introduction 이번 퀘스트에서는 2021년 현재 웹 프론트엔드의 많은 최신 기술 중 프로그레시브 웹앱에 관해 알아보겠습니다. Checklist 웹 어플리케이션을 프로그레시브 웹앱 형태로 만들면 어떤 이점을 가질까요? 프로그레시브 웹앱(PWA)은 모바일 앱과 웹 사이의 중간 형태로, 네이티브 앱과 유사한 사용자 경험을 제공하는 웹 어플리케이션입니다. PWA로 웹 어플리케이션을 만드는 것은 다음과 같은 이점을 가질 수 있습니다: 오프라인 사용 가능성: PWA는 서비스 워커라는 기술을 사용하여 오프라인에서도 동작할 수 있습니다. 이것은 사용자가 인터넷 연결 없이도 앱을 사용할 수 있다는 것..

Knowre-Dev의 WebDevCurriculum의 레포지토리를 Fork하여 퀘스트를 해결해 나가는 글입니다. Introduction 이번 퀘스트에서는 현대적 웹 클라이언트 개발에 핵심적인 번들러와 빌드 시스템의 구조와 사용 방법에 대해 알아보겠습니다. Checklist 여러 개로 나뉘어진 자바스크립트나 이미지, 컴포넌트 파일 등을 하나로 합치는 작업을 하는 것은 성능상에서 어떤 이점이 있을까요? 여러 개로 나뉘어진 자바스크립트, 이미지, 컴포넌트 파일 등을 하나로 합치는 것은 웹 애플리케이션의 성능 향상에 도움이 될 수 있습니다. 감소된 HTTP 요청 수: 파일을 하나로 합치면 브라우저가 서버에 보내는 HTTP 요청 수가 줄어듭니다. HTTP 요청은 웹 페이지 로딩 시간의 주요 원인 중 하나이므로 이..