나의 작은 항해일지 / TIL 나의 작은 항해일지 / TIL

TIL을 한주를 통으로 빼먹었다... 너무 뼈아프다.... 월 화 수 요일은 다른 일 생각 1도 못하고 클론코딩 프로젝트에만 매몰되어있었고 목 금 토 는 약간 3일쯤 빼먹으니까 포기 상태가 되어버려서 (...) 아까비.... 그냥 공부한 걸로도 포스팅할 주제도 꽤 있었는데 아까비 222... 이제 새로운 주차에는 정신차리고 다시 TIL 쓰는걸루 ㅠ... 마켓컬리 클론코딩 하면서는 컴포넌트를 최대한 나누어 재사용해보라는 기술매니저님의 제안을 따라서 최대한 쪼개고 쪼개고 하면서 사용해봤다. 편해지는 부분도, 되려 불편해지는 부분도 있는 것 같다. 동일한 코드를 반복하지 않아도 된다는 점은 분명 편하고 코드도 깨끗해지는 것 같았지만 약간 컴포넌트 통제..? 관리..? 라고 하면 이상한가, 아무튼 그런 측면에서..

우와, 시작한지 얼마 안된 것 같은데 (얼마 안된 것도 맞긴 하다 ㅋㅋ) 벌써 실전 프로젝트가 1주 앞으로 다가왔다.. 두렵다... 내 실력으로.. 되는거... 맞아...? 미니프로젝트를 하며 백엔드분들이랑 협업해 보는 경험이 정말 재밌었다 :) 그리고 개인 과제 할때마다 뭔가 어렵고 애매했던 것들을 백엔드에서 처리해주니까 뭐야 이거 짜릿해..! 같은 느낌도 들고 ㅋㅋㅋㅋ 프론트 안에서도 파트를 나눠서 하니까 집중할 수 있는 부분이 생겨서 좋았다. 이번에도 조금씩 아쉬운 부분이 남긴 했지만, 프로젝트 제출도 잘했고 :) 기분이 좋다! 새로운 주차에는 클론코딩을 하게 되었는데, 우리 조는 마켓컬리를 선택했다. 뭔가 이미 구현된 홈페이지를 보면서 코드를 만드니까 기분이 이상하다 ㅋㅋㅋ... 미니 프로젝트 때..

새로운 팀, 새로운 프로젝트! 클론코딩 주차가 시작되었다 :) 우리 조는 고민 끝에 마켓컬리를 클론코딩해보는 것으로 결정되었다. 지난주차에 비해 조 인원도 줄고 (6 -> 4) 뭔가 노드 분들이랑 할때와 스프링분들이랑 할 때 느낌이 조금 다른 것 같다. 팀분위기 차이인가 싶기도 한데 뭔가 신기한 느낌이다 ㅋㅋㅋㅋㅋㅋㅋㅋ 역할은 지난주에 안해본 ㅎㅎ 로그인 / 회원가입 파트를 해보는 것으로 결정! 이미 해본 메인 페이지를 조금 더 잘 해보고 싶은 마음도, 안해본 파트를 해보고 싶은 마음도 있었기에 그냥 같은 조 프론트 분께 선택권을 넘겼다 ㅋㅋㅋ 하고싶은거 고르시면 남는 거 하는걸로... 오늘 한 일! 새로운 조원들 만나기 클론코딩 주제 선정 역할 배분 하기! 로그인/회원가입 HTML 틀 만들기 자바스크립..

오전에는 비몽사몽하다가 겨우 정신차리고 ㅋㅋㅋ 미니프로젝트 마무리 작업 돌입!! CSS 후닥닥 마치고, 오류 잡고, 팀 프론트, 백 진행상황 각각 체크하고, 안되어있는 부분 포기할 부분 잡고 갈 부분 나눠서 정리하고, 다시 오류잡힌 버전을 합쳤...더니 왜 또 오류가 나지!? 하면서 오류 잡고... 다시 최종버전 배포하고,.. 시연영상 찍고.. 팀장인 죄로 제출 자료 호다닥 작성하고... 와 진짜 정신 하나도 없는 하루긴 했다. 제출하고 회고 발표까지 끝나고 나니 긴장 확 풀려서 기분이 참 좋더라.. 하하... 오늘 한 일! 미니 프로젝트 https://myvoyage.tistory.com/118 - CSS 작업 진행 - 오류 잡기 & 디테일 작업 - 마무리 + 배포 + 시연 영상 촬영 + 피드백 받기 ..

■ 프로젝트 기간 2022년 6월 10일 ~ 6월 16일 ■ 시연 영상 https://www.youtube.com/watch?v=_U0lL7_E7qU ※ 백엔드 팀원님이 고생해주신 회고 발표 영상 -> https://www.youtube.com/watch?v=rRx8nCDAGCQ 처음으로 백엔드 분들과 협업해 본 프로젝트! 나름 새로 시도해 본 것 들도 있고, 백엔드와의 소통 자체가 너무 신선했다 ㅋㅋㅋ... 물론 아쉬운 부분들도, 미처 잡지 못한 부분들도 있지만... 일주일 동안 고생 했으니.. 이제 보내주려고 한다 ㅋㅋㅋ... ■ 프론트엔드 깃헙 https://github.com/Trainy32/Anime GitHub - Trainy32/Anime: [항해99 7기 D반] 2조 미니 프로젝트 : 나의..

오전에는 좀 여유 있었던 거 같은데 오후 부터는 정말 정신 하나도 없이 바쁘게 바쁘게 보낸 하루였다. ㅋㅋㅋ..... 특히 테스트용으로 배포 한번 하고 나니까 수정할것도 눈에 많이 띄고... 오류도 발생하고... ( 만날 줄 알았다 CORS ^^....) 오늘 한 일! 미니 프로젝트 오류 잡기 + Mock 서버와 연결되었던 부분 모두 백엔드 서버와 연결하게 변경 + 유저정보 받기 & 로그인여부, 유저 정보에 따라 다른 화면 보여주기 + 데이터 밸리데이션 + 프론트엔드 진행상황 병합 서버 테스트용 배포 CSS 컨셉 잡기 & 전체적인 CSS 수정 작업 시작 자바스크립트 스터디 모임 : 코어 자바스크립트 1-4-1 ~ 1-4-2 챕터 공부하기. https://myvoyage.tistory.com/114 📖 배..

1-4-1 불변값 변수(variable)와 상수(constant)를 구분하는 성질은 변경 가능성이다. (바꿀수 있으면 변수, 없으면 상수) 이 때, 변경 가능성의 대상은 변수영역 메모리이다. (즉, 데이터의 주소값이 저장되는 부분이다.) 한번 데이터 할당이 이뤄진 변수공간에 다른 데이터를 재할당 할수 있다면 변수이다. 기본형 데이터인 숫자, 문자열, 불리언, null, undefined는 모두 불변값이다. 한번 데이터 영역의 어떤 주소에 값이 만들어지면, 그 값은 (가비지 컬렉팅을 당하지 않는 한)절대 변경되지 않는다. 만약 변수에서 데이터 변경이 일어난다면, 데이터 영역에 새로운 공간을 만들어 다시 연결한다. 1-4-2 가변값 참조형 데이터에는 객체의 변수(프로퍼티) 영역이 별도로 존재한다. 데이터 영..

1-1 데이터 타입의 종류 1-2-1 메모리와 데이터 1비트 : 메모리의 가장 작은 조각. 0 또는 1. 각 비트는 고유한 식별자로 위치를 확인 할 수 있다. 1byte = 8비트 : 컴퓨터에서 사용하는 데이터의 기본 단위. 28 = 256개의 값을 표현 가능. 바이트 단위의 식별자 ( = 메모리 주솟값, memory address)를 통해 서로 구분하고 연결할 수 있다. 왜 8비트씩 묶게 되었을까? 1) 비트는 너무 작다! 비트 단위로 쪼개진 데이터를 검색해서 위치를 확인하는 것은 비효율적이다. 2) 비트를 묶어줌으로 인해 메모리 검색 시간을 줄일 수 있고, 표현할 수 있는 데이터의 개수도 늘릴 수 있다. 3) 그러나 너무 큰 단위로 묶게 되면, 불필요하게 남는 빈 공간 (= 낭비되는 비트)가 생겨나게..