탕스로그

CEOS의 세번째 스터디는 무려 타입스크립트로 채팅방 구현하기..ㅎ 1주차 바닐라자바스크립트 -> 2주차 리액트 -> 3주차 리액트 with 타입스크립트...? 진짜 진도가 급발진이 따로 없다... 죽을 맛이다. 먼저 이번 주차의 미션 목표는 다음과 같다. 여기서 내가 죽을 맛이었던 포인트는... 바로 redux, context API 등 상태관리를 하는 것이 좋다는 것이었다. 왜냐면 이번에는 밑의 화면과 같이 채팅하는 사람이 한명에서 끝나지만, 이어지는 다음 스터디는 채팅하는 유저가 추가된다고...ㅎ 그래서 이번 프로젝트에서 상태관리 라이브러리를 써봐야 편하다는 것이었다. 밑은 내가 구현한 채팅방 화면이다... 무려 셀프 채팅이 가능하다.. 찌부된 커비로 말을 하면 아이스커비에서 해당 내용이 보이는 그..

CEOS의 두번째 스터디! 1주차에 바닐라 js로 짠 투두리스트를 react로 리팩토링하기!!!! 1주차에 바닐라로 짜면서, 와 난 react로 편하게 살았더니 이렇게 자바스크립트를 못하네...?라는 생각을 했었는데, 이번 주차에 react로 리팩토링하면서 느낀 것은, react도 그닥 잘하진 않네... 였다. 아직 갈 길이 멀다. 일단 먼저, 이번 주차의 스터디 목표는 다음과 같다. 미션 목표를 본 후에 바로 react로 투두리스트 짜기에 돌입했다. 프로젝트 진행 중 힘들었던 부분 1. map을 쓸 때는 괄호에 주의하자. 이번에 제일 에러를 찾기도 힘들었고, 에러를 찾고나서도 현타가 왔던 부분은 {doingList.map((list) => ( moveList(doingList, list.id, list..

CEOS의 첫 스터디! 바닐라 js로 투두리스트 작성하기... React로만 얼레벌레 구현해온 나는 이번 미션을 받자마자 상당히 막막했었다. 이번 스터디의 목표는! 다음과 같다고 한다. 미션을 진행하기 앞서, Key Questions에 대한 구글링을 진행해보았다. Key Questions 1. DOM은 무엇인가요? 웹 브라우저가 HTML 페이지를 인식하는 방식. 트리 구조로 이루어진 객체이며 이 객체를 이용해 js가 html/css로 이루어진 웹페이지에 접근할 수 있다. 2. HTML (tag) Element를 JavaScript로 생성하는 방법은 어떤 것이 있고, 어떤 방법이 가장 적합할까요? 1) insertAdjacentHTML : 타겟 HTML Element의 특정 위치에 원하는 노드를 추가할 수..

⭐️ CEOS란? 신촌 유일!! IT 창업 동아리로 신촌 소재 4곳의 대학교 ( 이화, 연세, 서강, 홍익 ) 가 함께한다. 기획, 디자인, 개발 ( 프론트 / 백 ) 네 파트를 나눠서 뽑으며 나는 프론트 개발 파트로 지원하였다. CEOS의 홈페이지는 아래와 같다. 매 학기 새로운 기수를 뽑고 난 16기 지원자였다. https://www.ceos.or.kr/ ⭐️ 지원동기 이미 수차례 팀프로젝트로 개발 능력을 애매하게 키운 이후라, 내가 하던 걸 또 하지 않는 동아리! 새로운 지식을 배우고 성장할 수 있는 동아리! 가 포인트였다. 그런 점에서 유일하게 '타입스크립트'도 다룬다는 점. 에자일 방법론, next.js 를 이용한 서버사이드렌더링 등 요즘 스타트업에서 많이 요구하는 역량들을 공부한다는 점, ' ..

2022.03 - 2022.07 동안 활동한 GDSC EWHA 수료 후기이다. GDSC 소개✨ GDSC는 Google Developer Student Club의 약자로, 구글에서 학생들이 개발/리더십 능력을 키울 수 있도록 지원하는 프로그램이다. 나의 GDSC 지원과 관련된 정보는 여기에서 확인할 수 있다. GDSC에서 했던 활동들✨ 📌 세미나 GDSC에서는 멤버들이 각자 다양한 세미나를 개최하게 된다. 원래는 모든 멤버가 필수였는데 3-2기에 많은 멤버가 들어오게 되면서 필수가 아닌 선택으로 바뀌게 되었다. 자유세션, FE 세션, server 세션, ML+Data Analytics세션, APP(iOS+Android)세션이 열렸고 각 세션에서는 자신의 분야를 자유롭게 소개하는 스피커가 2~3명정도 있어 ..

📌 졸업 프로젝트란? 이화여자대학교의 경우, 컴퓨터공학과를 졸업하려면 꼭 수행해야하는 프로젝트이다. 수업명은 '캡스톤디자인A/B'이나, 우리는 이를 졸업프로젝트라고 통칭했다. 보통의 학생들은 3-2(스타트라고 칭함), 4-1(그로쓰라고 칭함)에 걸쳐 수업을 들으며 웹/앱/VR 등등 여러 종류의 프로젝트 중 하나를 골라 해당 프로젝트의 기획부터 디자인, 개발까지 2~4명의 팀원이 함께 수행해야하는 팀프로젝트이다. 📌 수행 기간 2021.09 ~ 2022.05 3-2 ~ 4-1에 걸쳐 두학기 + 겨울방학동안 진행하였다. 📌 팀 소개 우리 팀은 한명씩 프론트(나), 백, 딥러닝 개발을 맡아 총 3명의 팀원이 프로젝트를 진행하였다. 그리고 내가 팀장임 ㅎ 내가 팀원들을 모은것이기도 하고 친한 친구들과 함께 팀플..

2022.03 - 2022.07 동안 활동했던 GDSC EWHA 합격 후기이다. GDSC 소개✨ GDSC는 Google Developer Student Club의 약자로, 구글에서 학생들이 개발/리더십 능력을 키울 수 있도록 지원하는 프로그램이다. 학교 단위로 여러개의 GDSC가 있으며 이화 같은 경우에는 내가 지원할 때가 3-2기!! 3기 후발대라고 생각하면 될 것 같다. GDSC 멤버 구성은 리더, 코어멤버, 멤버가 있다고 하는데 나는 멤버로 지원했다. 리더 같은 경우는 매 기수 시작 전마다 한명씩 뽑고 그 이후에 리더가 멤버를 뽑는 형식인 것 같다. 코어멤버는 3-1기에 멤버 선발 전에 뽑았다고 한다. 지원 동기✨ 일단 구글!!에서 지원하는 개발자 커뮤니티라는 것부터 본새나고!! 1년을 활동하면 수..

2021.03 ~ 2021.12 동안 활동한 EFUB의 수료 후기이다. EFUB 소개✨ EFUB은 이화여대 인재개발원 산하 '커리어클럽'에 소속되어있는 이화여대 웹개발 동아리이다!! EFUB 인스타 : https://www.instagram.com/ewha_efub/ 지원 동기✨ 깔끔하게 정리된 노션 페이지 안에 운영진들 소개, 백엔드 프론트엔드 각각의 커리큘럼 등등.. 감동적인 포인트들이 많아 이 정도 스케일이면 나는 많은 걸 얻어갈 수 있겠다!! 하는 생각이 들어 바로 지원해버렸다. 지원 과정✨ 서류 내가 지원한 파트는 '프론트엔드 인턴'이었는데, EFUB은 리드와 인턴을 나눠서 진행하고 리드는 세미나를 통한 지식 공유, 인턴은 세미나를 듣고 노션에 정리하는 역할을 맡는다. 나는 처음으로 웹개발을 해..