본문 바로가기
  • 프론트엔드 개발자 세오세오 | Frontend dev Seo
728x90
반응형

프론트엔드7

[디자인패턴] 요즘 가장 핫한 프론트엔드 디자인패턴: Feature Sliced Design (번역) 원본: https://dev.to/m_midas/feature-sliced-design-the-best-frontend-architecture-4noj Feature-Sliced Design: The Best Frontend ArchitectureIntroduction Frontend developers often face a problem related to application architecture....dev.to  개요프론트엔드 개발을 할 때 앱 내 구조에 관한 문제는 흔히 발생한다. 확장성이 있으면서 디펜던시가 강하지 않으며 앱 모듈 간 높은 응집력이 기반이되는 구조의 사용이 요구되기 때문이다. 본 글은 저자가 생각하기에 리액트에서 선택할 수 있는 최고의 옵션인 Feature-Sliced De.. 2024. 6. 3.
[회고] 첫 프로젝트: 임금님귀(King'sEars)! 비밀을 말하고 싶어 마음이 답답한 이들을 위한 플랫폼 약 3개월 반 정도의 코드스테이츠 소프트웨어 엔지니어링 과정을 모두 수행하고, 드디어 첫 프로젝트를 완료했다. 2주 동안 진행되는 프로젝트라고 했지만, 사실 초기 인트로와 기획 등의 회의 시간이 많았기 때문에 실제 코딩을 한 기간은 5일 정도밖에 되지 않았기에 빠듯한 일정이라고 할 수 있었다. 우리팀의 팀원 분들은 개개인이 뛰어난 슈퍼플레이어라서 별 어려움 없이 수월하게 프로젝트를 진행할 수 있었다. 사실, '비밀'과 관련된 아주 짤막한 준 소셜미디어 아이디어가 있다고 했을 때 우리 팀원 분들이 받아들여주실까, 프로젝트 사이즈로 너무 작은 것은 아닌가 걱정이 되었지만 모두들 너무 흔쾌히 진행하자고 해주셔서 너무 고마웠다. 이번 포스팅에선 우리가 만든 첫 작품이 어떤 서비스인지 소개하고, 어떤 동기로 본 .. 2021. 6. 21.
[CSS] 개발자를 위한 가시성(visibility) 올리는 디자인 꿀팁! (두가지 컬러 조합 추천 사이트 + 크롬 개발자도구 Contrast 참고 방법) 디자인 백그라운드가 없는 개발자들에겐 디자이너의 서포트 없는 개인 작업은 굉장히 어렵게 느끼질 수 있다. 특히, 개인 프로젝트를 만들어야 할 때 아무리 아이디어가 좋아도 디자인이 영 이상하다면 그 누구도 좋게 보지 않을 것이 뻔하기 때문에 디자인에 대한 부담은 배로 다가올 수밖에 없다. 그러다보면 각종 특이한 것들을 마구잡이로 가져다가 쓰게 될 수가 있는데, 강약조절에 실패한 디자인은 정말 보는 이의 마음을 아프게 한다. 예를 들면... 2가지 컬러 조합 추천 사이트 이런 무시무시한 경우를 최대한 피하기 위해서 여러 조언들을 찾아보셨을탠데, 그 조언들 중 자주 들었던 것 중에 너무 여러 색깔을 한번에 사용하지 말라는 것도 분명히 있었을 것이다. 그래서 이번에 아주 좋은 색깔 조합 사이트 하나를 추천하려고.. 2021. 4. 8.
자바 스크립트 세번째 과제, 아티클 프리뷰(article preview) 만들기 / 처음으로 받아 본 커뮤니티 코멘트 2020/12/24 - [Learn to Code] - HTML, CSS, 자바스크립트 배운 뒤 프로젝트 하라고?! 어..어떤 프로젝트?2020/12/24 - [Learn to Code] - 프론트엔드 맨토(Frontend Mentor), 과제 제출하기!2020/12/24 - [Learn to Code] - 프론트엔드 멘토(Frontend Mentor), 과제 결과 리포트!2020/12/26 - [Learn to Code] - 자바 스크립트 두번째 과제, 반응형 FAQ 카드 만들기! 그리고 받은 결과 리포트 프론트엔드 멘토(Frontend Mentor)에서 가장 쉬운 것 부터 선택하여 자바스크립트 프로젝트를 작은 것들부터 만들어보고 있다. 아직 공부를 한지 한 달밖에 되지 않아서 새로운 프로젝트를 할 때.. 2020. 12. 27.
자바 스크립트 두번째 과제, 반응형 FAQ 카드 만들기! 그리고 받은 결과 리포트 프론트엔드 멘토(Frontend Mentor)에서의 두번째 JavaScript 과제를 제출했다. 첫번째로 도전했던건 HTML과 CSS만 사용하는 과제였고, 이번에 처음으로 자바 스크립트를 이용해야하는 걸 해보았다. (사실 튜토리얼 등을 보면서 따라한 것 외에 처음으로 어떠한 가이드 없이 혼자 자바 스크립트를 사용해본 경우였다!) 아직 HTML/CSS/자바 스크립트를 독학한지 한 달밖에 되지 않아서 이 과제도 너무나 어렵게 느껴졌다 ㅠ_ㅠ.. 직접 코드를 계속 짜봐야 된다는게 정말 맞는 말인 것 같다. 2020/12/24 - [Learn to Code] - HTML, CSS, 자바스크립트 배운 뒤 프로젝트 하라고?! 어..어떤 프로젝트? 과제 리소스로 다운받은 zip파일 안에는 디자인 리소스가 담긴 ima.. 2020. 12. 26.
프론트엔드 멘토(Frontend Mentor), 과제 결과 리포트! 자, 그렇다면 Frontend Mentor에서 제출한 과제에 대해 어떤 자동 보고서를 받을 수 있을까? 2020/12/24 - [Learn to Code] - HTML, CSS, 자바스크립트 배운 뒤 프로젝트 하라고?! 어..어떤 프로젝트?2020/12/24 - [Learn to Code] - Frontend Mentor, 과제 제출하기! Frontend Mentor 홈페이지에서, 우측 상단 메뉴들 중 가장 오른쪽의 가장 위에 있는 사진 아이콘이 나(me)를 가리킨다. 그걸 누르면, "Profile", "Settings", Sign out"이 나오는데, 이중 Profile을 선택하자. Profile 창으로 들어가면 기본으로 보여지는 곳이 Overview이다. 그 옆에 Solutions, Comments가.. 2020. 12. 24.
HTML, CSS, 자바스크립트 배운 뒤 프로젝트 하라고?! 어..어떤 프로젝트? 요즘 열심히 JavaScript와 ReactJS를 공부하고 있다. (맨날 공부를 하다가 블로그 글이 뜸해진 것도 사실이다)그런데 벽을 만나 엄청 큰 고민을 했다. 그 벽이란게, 언어가 어렵다거나 이해가 안된다거나 하는 벽이 아니라 아주 뜬금 없게도 그 다음 무엇을 해야하냐는 것이었다. "So... what's next?!"도대체 그 다음 뭘 해야할지 감이 잡히지 않는다! ㅜㅜ 검색을 왕창 해보았는데, 결국 다른 튜토리얼로 스며들어가거나 아니면 '프로젝트를 시작해라'와 같은 조언과 맞닥트리게 된다. 그런데 이러한 결론은 실제로 나의 코딩 능력을 향상시키는데 전혀 도움이 되지 않을 것 같았다. 다른 튜토리얼을 또 보게 되는 것? 실제로 JavaScript를 이미 다 공부를 하였을 때, 거기서 추가로 무언가 .. 2020. 12. 24.
728x90
반응형

티스토리툴바