profile
학부생 Front-End Developer
post-thumbnail

[우아한테크코스 6기 프리코스] 4주차 회고

저는 지난 한 주 동안 아래와 같은 것들을 배우고 느꼈습니다.지난주 소감문에서 작성하였던 아쉬운 점으로 기능 구현 목록 문서를 지속적으로 업데이트를 하지 못했다는 점이 있었습니다.왜 지속적으로 업데이트를 하지 못했을까 고민했는데 맨 처음 기능 구현 목록을 작성할때 MV

2023년 11월 15일
·
0개의 댓글
·
post-thumbnail

[우아한테크코스 6기 프리코스] 3주차 회고

저는 지난 한 주 동안 아래와 같은 것들을 배우고 느꼈습니다.이번 주차 추가돤 요구 사항에 "도메인 로직에 단위 테스트를 구현해야한다"라는 요구사항이 있는 것을 발견했습니다.부가적인 설명으로는 핵심 로직을 구현하는 코드와 UI를 담당하는 코드를 분리하는 것이라고 작성되

2023년 11월 8일
·
0개의 댓글
·
post-thumbnail

[우아한테크코스 6기 프리코스] 2주차 회고

이번 주 미션에는 함수를 분리하고, 각 함수별로 테스트를 작성하는 것 이 저의 가장 큰 목표였습니다.지난 주차에서 기본적으로 제공되는 테스트 코드를 분석해보았습니다. 이때 "아 이런식으로 테스트코드가 실행되는 거구나!"라고 이해했지만, 제가 실제로 테스트코드를 작성해

2023년 11월 1일
·
0개의 댓글
·
post-thumbnail

[우아한테크코스 프리코스 6기] 1주차 회고

저는 지난 1주 동안 아래와 같은 것들을 배우고 느꼈습니다. 저는 프로젝트에서 기능 구현에 치중하는 생활을 한동안 해왔습니다. 따라서 순수 바닐라 Js로 코딩을 해본 것이 정말 오랜만이었습니다. 프레임워크를 사용한 웹 프론트 개발을 하다 보면 항상 자바스크립트 실력이

2023년 10월 28일
·
0개의 댓글
·
post-thumbnail

[Node.js/NVM] 노드 버전 관리가 필요할 때

안녕하세요, 주인장입니다!가끔씩 프로젝트들을 동시에 하다보면 Node.js 버전을 다양하게 사용해야 할 순간이 오게됩니다..이번에 우아한테크코스 프리코스를 진행하면서 여기서는 node 버전을 18.17.1 이상으로 유지해야해서 node버전을 변경할 일이 생겼습니다함께

2023년 10월 24일
·
0개의 댓글
·
post-thumbnail

[우테코 6기 도전하기] Pre-Course를 시작하면서 ... 각오다짐

안녕하세요, 주인장입니다.저는 이번에 우아한테크코스 2024 6기 모집에 프론트엔드 파트로 지원했습니다!오늘 3시부터, 2024 우아한테크코스 프리코스가 시작되게 되어 프리코스를 지원하기 전 저의 각오를 다져보고자 포스팅을 하게 되었습니다.정말 열심히 지원서를 작성하고

2023년 10월 19일
·
2개의 댓글
·
post-thumbnail

[React] React-icons 적용하기

안녕하세요, 주인장입니다. React 프로젝트에 주로 사용되는 아이콘들을 포함하고 있는 react-icons를 사용하는 방법에 대해 알아보겠습니다. 저는 지금까지 디자이너가 참여한 팀프로젝트에서는 모든 아이콘을 png로 받아 이미지로 넣었는데, 제가 디자인까지

2023년 8월 9일
·
1개의 댓글
·
post-thumbnail

개발자 여친의 생일 이벤트 폼 미쳤댜,,😎

안녕하세요, 주인장입니다. 오늘은 제가 최근에 진행한 생일 이벤트 웹사이트 Next.js와 Typescript를 사용한 프로젝트 회고를 작성해보았습니다:) 최근 오빠 생일이어서 바쁜 개발 현생에도 이것저것 준비를 했습니다 ㅎㅎ

2023년 8월 6일
·
8개의 댓글
·
post-thumbnail

프론트 개발자의 기능명세서 작성하는 법🧐

안녕하세요, 주인장입니다. 지난시간 까지는 PM의 역량을 쌓는 시간이었다면 오늘은 공부한 내용을 바탕으로 기능 명세서를 작성해보는 시간을 가져 보겠습니다.현재, 저는 현재 프로젝트 진행을 시작하고 있는 단계이고, 개발 전에 팀원들과 기능에 대한 논의 후, 문서로 명확하

2023년 8월 6일
·
0개의 댓글
·
post-thumbnail

Next.js + Typescript + Styled-Components 프로젝트 초기 세팅하기

안녕하세요, 주인장입니다. 오늘은 Next.js 프로젝트 초기 세팅하는 과정에 대해 알아보려고 합니다. 어느덧 Next.js로 프로젝트 경험을 2번 정도 했군요 React나 Vue.js 설치하는 것보다 초기에 많이 헷갈리시지 않으셨나요? ㅋㅋ 저는 맨 처음 설치할 때

2023년 8월 5일
·
0개의 댓글
·
post-thumbnail

프론트 개발자의 PM 경험기 (3) - 화면 설계서 작성하기

안녕하세요, 주인장입니다.오늘은 화면 설계서를 작성하는 방법에 대해 알아보려고합니다. 화면 설계서는 기획자가 작성하고 난 뒤 개발자들과 회의를 하면서 기술 검토를 보통 할 때 많이 쓰입니다. 개발자를 위한 메인 DOCS 중 하나입니다. 오늘도 차근차근 화면설계서를 작성

2023년 8월 1일
·
0개의 댓글
·
post-thumbnail

프론트 개발자의 PM 경험기 (2) - 웹 사이트의 계층 구조 이해, GNB,LNB,SNB

안녕하세요, 주인장입니다.오늘은 프론트 개발자들이 PM,디자이너와 협업시 많이 듣게 되는 웹사이트 메뉴 5단계 구조에 대해 알아보려고 합니다.PM이 웹 사이트를 기획할 때 가장 먼저 하는 일은 무엇일까요? 바로 웹 사이트의 전체적인 구조를 잡는 것입니다. 기획자가 구조

2023년 8월 1일
·
1개의 댓글
·
post-thumbnail

프론트 개발자의 PM 경험기 (1) - IA , Flow Chart 작성법

안녕하세요, 주인장입니다.돌아오는 학기에 저는 4학년이 되고, 졸업을 위해 방학부터 새로운 프로젝트를 시작하게 되었습니다. 아마 제 학부생활에서 마지막 프로젝트가 될 것 같습니다 ㅎㅎ...이번 프로젝트 멤버는 프론트 2, 백엔드 2, AI 1로 이루어진 5명입니다! 개

2023년 7월 31일
·
0개의 댓글
·
post-thumbnail

React 프로젝트에 PWA 적용하기

안녕하세요, 주인장입니다.이쯤되면 pwa 집착광공 꼭 성공시키겠다는 의지가 보이시나요 ,,?ㅎㅎ축제 프로젝트 때 실패한 거 React로 성공해보고자 합니다 :)벨로그 Vue.js PWA 적용하는 과정을 담은 기록깃허브 2023 한림대학교 비봉축전 ProgressiveW

2023년 7월 25일
·
0개의 댓글
·
post-thumbnail

프론트 개발자의 정보 컴퓨터 교사 교직이수기

안녕하세요, 주인장입니다.저는 특이하게 프론트엔드 개발자이지만, 학부에서 중등 정보컴퓨터 교직이수를 진행하고 있습니다.저희 학교에서는 21년도까지 교직 선발을 하였고, 저는 마지막 해 교직이수자로 선발되어 2년동안 정보교사 교직이수 과정을 밟아오고 있습니다:)저는 교

2023년 7월 24일
·
1개의 댓글
·
post-thumbnail

NVM for windows 설치 방법

안녕하세요, 주인장입니다.오늘은 다양한 node.js의 버전을 사용할 수 있도록 돕는 nvm 라이브러리를 설치하는 방법을 정리해보기 위해서 벨로그를 열었습니다. NVM을 사용하면 상황에 맞게 Node.js를 원하는 버전으로 설치하거나 변경할 수 있답니다! nvm을 설치

2023년 7월 23일
·
0개의 댓글
·
post-thumbnail

Javascript로 코테를 준비하는 사람들을 위한 코딩 기초 트레이닝 코스 (3) ~ ing

안녕하세요, js 코테를 공부하는 주인장입니다.지난 시리즈 포스팅에 이어서 코딩 기초 트레이닝 코스 문제들을 정리하는 2탄입니다.사실 문제 이름으로 h3 태그를 달아두어 사람들이 쉽게 찾을 수 있도록 작성하였는데,태그가 30개 이상 넘어가면 오른쪽에 태그가 넘어가서 안

2023년 7월 17일
·
1개의 댓글
·
post-thumbnail

FE 유튜버 log the summer 님의 프론드엔드 강의 추천 리스트

안녕하세요, 주인장입니다. 제가 유튜브에서만큼은 개발 영상을 전혀 보고 싶지않았는데 어느날 컴공 브이로그가 궁금해져서 검색해보았다가 summer님의 브이로그 영상들을 보게 되었고 쭉 구독해오고 있습니다 >< 그러다가 오늘 정말 좋은 강의 영상 리스트를 소개해주셔서

2023년 7월 17일
·
2개의 댓글
·
post-thumbnail

깃허브 필수적인 커밋 방법, 협업에 필요한 깃허브 사용법 , 강의영상 (new repo, commit, pull request, fork etc...)

안녕하세요, 주인장입니다.교내 소프트웨어학부 학술동아리 부원들을 위한 협업에 필수적인 깃허브 사용법 강의 영상을 제작하게 되었고, 벨로그에도 해당 내용을 공유하려고 포스팅하게 되었습니다.깃허브의 기본적인 레포 형성, 커밋 방법을 포함한 타 개발자와의 협업에 필요한 깃허

2023년 7월 16일
·
0개의 댓글
·
post-thumbnail

원활한 협업을 위한 깃허브 커밋 메세지 올바른 작성법

안녕하세요, 주인장입니다!타 개발자들과의 원활한 협업을 위한 commit 규칙을 정리해두었습니다.🧐먼저 커밋 메시지는 크게 제목, 본문, 꼬리말 세 가지로 나뉘고, 각 파트는 공백 줄로 구분합니다.타입은 태그와 제목으로 구성되고, 태그는 영어로 작성, 첫 문자는 대문

2023년 7월 15일
·
0개의 댓글
·