[프론트엔드] Ch03. 리액트 기초 및 기본 요소
·
공부기록/프론트엔드
보호되어 있는 글입니다.
[회고] 2024 활동 정리 및 회고
·
회고
전공 공부대학교 2학년 재학  2학년이 되면서 본격적으로 CS 과목들을 수강하기 시작했다. 나는 자유전공학부에서 올해 전공을 선택했기 때문에 어느 정도 어려움을 예상했지만, 생각보다 적응이 더 힘들었다. 특히 컴퓨터구조와 네트워크처럼 소프트웨어와 하드웨어의 경계에 있는 과목들은 수업 따라가기도 벅찼다. 결국 전공 성적이 부진했고, 재수강을 통해 만회할 계획이지만 아쉬움이 많이 남는다. 그래도 전공자로서 심도 있게 공부한 덕분에 전반적인 이해도는 확실히 높아졌다는 생각이 들었다. 교내 언론국 영자신문사활동기간: 2023년 3월 ~ 2024년 12월 1학년 때부터 꾸준히 이어온 활동이다. 영어와 글쓰기를 좋아해 시작했는데, 다양한 주제로 기사를 작성하며 배경지식이 넓어졌다. 올해는 IT 이슈도 다루고, 학교..
[프론트엔드] Ch02. 퍼블리싱 심화 및 자바스크립트 기초(2)
·
공부기록/프론트엔드
보호되어 있는 글입니다.
[프론트엔드] Ch02. 퍼블리싱 심화 및 자바스크립트 기초(1)
·
공부기록/프론트엔드
보호되어 있는 글입니다.
#1 실무에 가까운 경험을 만들어가는 방법
·
프로젝트/투유
주변 개발자와 디자이너들을 보면, 대부분 실무에 가까운 경험을 쌓기 위해 많은 노력을 기울이고 있다. 개발자는 테스트 코드 작성과 리팩토링을 통해 코드의 품질을 높이고, 디자이너는 사용성을 고려한 디자인 시스템을 구축하며 효율적인 디자인을 위해 힘쓴다. 그렇다면 대학생 PM은 어떻게 실무에 가까운 경험을 쌓아갈 수 있을까? 나는 지난 겨울방학 프로젝트 이후 팀원들과 함께 사이드 프로젝트를 이어가며 여러 방법들을 직접 활용해보았고, 이번 글에서 그 경험을 공유해보려 한다! 1. PRD, 기능명세서 그리고 화면명세서 우선 PRD(Product Requirements Document)는 제품에 반영되어야 할 요구 사항을 담은 가이드라고 할 수 있다. 구글의 프로덕트 매니저인 Omar Eduardo는 2020년..
[프론트엔드] Ch01. HTML+CSS
·
공부기록/프론트엔드
보호되어 있는 글입니다.
#2 네이버 지도 API로 지도 구현하기
·
프로젝트/오디
이번 프로젝트에서  프론트엔드 개발 중 가장 구현 난이도가 높았던 것 중 하나는 바로 지도 기능이었다.팀원들에게 내가 맡아서 구현하겠다고 큰소리를 쳤지만, 솔직히 자바스크립트를 이번 프로젝트에서 처음 다뤄본 나로서는 구글링과 AI의 많은 도움을 받았던 것 같다.따라서 복습 차원에서 정리해보려고 하니 참고해주길 바란다!1. 지도 생성하기 NAVER CLOUD PLATFORMcloud computing services for corporations, IaaS, PaaS, SaaS, with Global region and Security Technology Certificationwww.ncloud.com 우선 우리팀은 네이버 지도 API를 사용하기로 결정했기 때문에, 먼저 위의 링크에서 클라이언트 ID를 ..
[Git] Git Branch 전략
·
공부기록/Git
이전 글에서 Git과 Github를 대략적으로 다뤘다면, 이제 실제 프로젝트에서 자주 언급되고 협업에서 필수적인 Git Branch 전략에 대해 알아보자! 1. Branch 원리 여러 개발자가 동일한 파일을 동시에 수정하면 변경사항 통합이 어려워진다. 이를 해결하기 위해 Git에서는 파일을 복사(Branch)하여 각자 별도의 작업 공간을 가질 수 있다. 각 개발자는 자신만의 Branch에서 작업을 진행한 후, 모든 변경 사항을 나중에 하나로 합칠 수 있다. 이 방식은 협업뿐만 아니라, 코드의 일부분을 수정해 실험하거나 테스트할 때도 유용한데,  별도의 Branch를 생성해 작업을 한 후 필요없으면 삭제할 수 있기 때문이다. 2. Branch 병합하기 Github에서 Pull request 날려보자오랜만에..
#1 CSS 변수로 디자인 시스템 구축하기
·
프로젝트/오디
사실 나는 아직까지 개발을 제대로 해본적이 없다. 그러던 중, 이번 여름방학에 운 좋게 기회가 주어져 처음으로 웹개발에 도전해보게 되었다!나는 '오디'라는 여행 계획 서비스의 프론트엔드 개발자로 참여했는데, 프로젝트를 진행하면서 새롭게 알게된 것들이나 공유하고 싶었던 것들을 기록해보려고 한다. 1. 디자인 시스템 [디자인] #3 디자인 시스템1. 디자인 시스템이란? 디자인 시스템은 반복적인 디자인 요소를 조직적이고 효율적으로 관리하는 것을 말한다. 이를 통해 회사나 조직의 디자인을 체계화할 수 있다. 디자인 시스템을 어떻게taeyeoxn.tistory.com 몇달 전 디자인 공부를 하며 디자인 시스템에 대해 정리해둔 글이다. 사실 첫 프로젝트 때는 디자인 시스템이 뭔지도 제대로 몰랐고, 필요성을 딱히 느..
[Git] Git과 Github
·
공부기록/Git
Git과 Github는 프로젝트를 진행할 때 정말 많이 사용하는 협업툴이기 때문에 필수적으로 알고 있어야 한다!나도 처음 사용할때 정말 많이 헤맸고 아직도 가끔은 어렵게 느껴지기 때문에.. 글을 쓰면서 다시 정리해볼 예정이다. 1. Git? Github? 이름이 비슷하지만 둘의 역할은 아주 다르다.간단히 말해 Git은 '버전관리도구'이고 Github는 '깃의 원격 저장소'이다.  • Git 하나의 밈이긴 하지만 작업을 하다보면 위와 같은 상황이 꽤나 자주 발생한다.Git은 폴더의 상태(또는 변경 내역)을 쉽게 기록할 수 있기 때문에 이러한 수고로움을 덜어준다. 또한 단순히 기록만 할 수 있는게 아니라 이전 상태로 돌아갈 수도 있고, 심지어 평행우주(Branch)를 만들 수도 있다. • Github 깃허브..