본문 바로가기

내가 해냄

 (99)
이지스퍼블리싱) Do it! 리액트 모던 웹 개발 with 타입스크립트 출간 기념 서평단 웹 개발 공부한다하면 누구나 알만한 Do it! 시리즈. 이지스 퍼블리싱에서 출판하는 책인데 동영상 강의도 함께 제공한다. 리액트에 관한 책도 있었으면 좋겠다고 생각했었는데 이번에 타입스크립트와 함께 웹 개발을 하는 Do it! 리액트 모던 웹 개발 with 타입스크립트 가 새로 출판되어서 출판 기념 서평단으로 책을 읽어볼 수 있었다. Do it! 리액트 모던 웹 개발 with 타입스크립트 저자 : 전예홍 출판 : 이지스 퍼블리싱 발매 : 2023년 01월 09일 나름 열심히 리액트를 공부한다곤하지만 혼자 공부하는 만큼 필요한 정보를 찾기도 강의를 찾기도 어려웠는데 이번에 Do it! 리액트 모던 웹 개발 with 타입스크립트 를 읽어보고 공부하는데에 큰 도움이 되었다. 친절한 Do it 답게 각 챕터별..
개발자 사이드 프로젝트 회고 | BMI 지수로 맞춤 식단을 추천해주는 헬스잇 | 사이드 프로젝트에 미쳐버린 취준생이 있다? 충격실화, 세상에 저런일이. 아무리 취준생이라지만 사이드 프로젝트 3개를 돌리는 취준생이 있다?? 코드에 미쳐버린듯한 과거의 내 자신을 뒤로하고,, 하나 둘 마감일자가 다가오면서 취준생은 미쳐가기시작하는데... 그렇게 미쳐가기직전 완성되어버린 2번 프로젝트였던 헬스잇... 12월 31일을 배포 날짜로 열심히 작업하였는데... 마지막 검수를 앞두고 서버가 터져버렸다. 하필 백엔드 맡아주셨던 차리님이 힐링하러가셔서 이유를 알 수가 없었다. 그렇다. 오늘은 가짜 마감이였던 것이다. 230107 22년의 여름, 팀 프로젝트를 구하려고 여기저기 찾아보던 때가 있었다. 그러다 SWYG 라는 사이트를 알게되었는데 기획자와 개발자를 매칭해주고 프로젝트 호스팅까지 도와주는 사이트였다. 4기 개발자로 지원하여 기획자가 기..
깃허브 프로필 꾸미기 | 깃허브 핀 꾸미기 | GITHUB GIST | 깃허브에 최근 활동 보여주기 | GITHUB ACTIVITY-BOX | 개발자의 깃꾸 텅텅빈 깃허브가 허전해보이기 시작할 즈음, 고정된 핀을 통해 깃허브를 꾸밀 수 있는 방법을 발견했다! 나는 보여주기에 그럴싸한 레포가 없어서 따로 추가해두지않았었는데 이번에 귀여운 핀들을 발견해서 해당 핀으로 고정시켜두었다. 사용법이 생각보다 간단해서 5분이면 완성된다. 깃허브 활동내역과도 관계있는 핀들이 많아 시도해보았었는데 너무 귀여워서 하나 더 추가하는 김에 추가 방법에 대해 간단히 글을 작성해보았다. 이전에 추가한 핀은 유저의 커밋시간을 알려주는 productibe-box, 이번에 추가하는 핀은 유저의 최신 활동을 보여주는 activity-box이다. Activity-box는 활동 내용에 따라 다른 이모지들과 함께 내역을 알려줘서 너무 귀여운 것 같다. 보자마자 반해서 바로 적용시켰다. 1. 템플..
테오의 스프린트 13기 후기 | 일주일(사실 5일)동안 기획부터 배포까지 | 넷째 날, 다섯째 날, 여섯째 날에 우린 뭐했을까? | 내 아이디어가 만들어졌다고!! 넷째 날(개발 시작) 넷째 날에는 본격 개발을 위한 회의를 했다. 오랜(5일중 3일) 기획희의를 마치고 드디어 기능 정리에 들어가는 시간..! 기능 정리 이전에 팀 이름도 정했다! 테오의 스프린트 어쩔트리 해서 팀 테트리스! 흘러가는 드립처럼 내가 낸 아이디어였는데 이게 당첨되버렸다. 이번 스프린트에서는 내 아이디어가 채택도 많이 되고 뭔가 많은 것을 해보는 것 같아 좀 뿌듯하기도했다. 다음엔 BDD를 기반으로 기능 정리를 하였고 비슷한 기능끼리 묶어서 각자 담당 파트를 정했다.스프린트가 끝난 지금 우리 모두 공통적으로 아쉬웠던 점은 시간에 쫓겨서 프로젝트 구조들에 대해 깊은 이야기를 나누지않고 프로젝트를 진행했다는 점이다. 약간 통일성이 없긴 했지만 이쁘게 맞출만큼의 시간은 없어서 다들 개발에 집중했다..
테오의 스프린트 13기 후기 | 일주일(사실 5일)동안 기획부터 배포까지 | 첫째 날, 둘째 날, 셋째 날에 우린 뭐했을까? | 내 아이디어가 뽑혔다고!! 테오의 스프린트 13기에 참여했다. 스프린트는 구글에서 시작되어 한 팀이 짧은 시간안에 일정 프로세스를 작업하게 되는 프로젝트이다. 어쩌다 알게된 백엔드 개발자 차리와 이야기하다 알게된 스프린트! 알고보니 이전에 프로젝트를 같이 진행했던 웬디님과 10기에서 같은 팀으로 스프린트를 진행했더랬다. 이런 기막힌 우연이 있나 싶을 차에 이번에 새로 13기 스프린트를 진행한다기에 냉큼 참여 신청하고 5일 가량의 짧은 시간동안 스프린트에 참여해보았다. 스프린트는 5일동안 온라인으로 피그잼과 개더를 사용하여 진행된다! 첫째 날 평소 창의성없이 살아가는 나지만 이번 스프린트에서는 하고 싶은 아이디어가 있었기에 마음 속에 꼭꼭 품고 스프린트 첫 날을 참여했다. 그런데 이렇게 수많은 아이디어가 나왔었고 각자의 아이디어를 ..
깃허브로 협업하기 | 깃 협업순서 | 깃 협업 준비 과정 | 깃허브 팀프로젝트 | Fork, Clone, Remote, Branch생성, Push, PullRequest 최근 백엔드와 협업하는 팀 프로젝트를 진행하였는데 그 과정에 있어 프론트 팀도 깃허브를 사용하여 프로젝트를 진행했다. 이에 프로젝트 시 깃허브 사용법에 대해 나의 경험을 토대로 짧게 정리해보려한다. 평소 깃 협업에 대해 자신은 없었지만 역시 최고의 공부는 프로젝트라고 이론공부 + 개인실습 때보다 더 확실하고 더 임팩트있게 깃 공부도 경험한듯하다. 1. 리파지토리 생성하기 우선 프로젝트 시작에 앞서 리파지토리를 생성해야한다. 대표자 한 명이 리파지토리 생성 후 공동작업권한을 부여하기 위해 GitHub Collaborator를 추가해야하는데 아래와 같이 리파지토리 내의 Settings -> Collaborators 에서 공동작업자를 초대할 수 있다. 2. 리파지토리 포크(Fork) 하기 각각의 작업자가 작업..
패스트캠퍼스) KDT 핀테크 서비스 프론트엔드 과정 2기 TIL | 국비지원교육 | 핀테크 프론트엔드개발자 ## 220511 Day Today I Learned IP Quiz IP Quiz 1. 변수const에 대한 설명으로 틀린 것을 고르세요. 재할당이 가능하다 호이스팅이 불가능하다 유효범위는 블록레벨이다 전역등록이 불가능하다 const는 재할당 불가 2. 반복문에 해당하지 않는 구문은? do-while문 for문 continue문 if문 if문은 조건문 이다. 3. console.log(a.z)의 출력 값은? 캡션 없는 이미지 { a: 4, b: 6} [ 2, 7 ] { a: { }, b: 6 } { a: { 4 }, b: 6 } 참조형 데이터는 똑같이 생겨도, 새로운 메모리에 형성된다 4. console.log(typeof typeof 1); 다음 코드를 콘솔 창에서 출력하면 결과값은? string nu..
패스트캠퍼스) KDT 핀테크 서비스 프론트엔드 과정 2기 220504 TIL | 국비지원교육 | 핀테크 프론트엔드개발자 ## 22 Day Today I Learned IP Quiz IP Quiz 문제 1.다음 중 자바스크립트의 데이터타입 중 원시형이 아닌것은? 불린 숫자 문자 객체 정답. 4) 객체 해설. 객체는 참조형 데이터타입이다. 문제 2. 다음중 연산자의 기호와 의미가 다르게 연결된 것은? == : 동등 != : 부등 !== : 불일치 === : and 정답. 4) === : and 해설. ===는 일치를 의미한다..

티스토리툴바