코딩하는 감자

미니 프로젝트를 진행하면서 채팅,실시간 화면공유, 화상채팅 기능을 추가하다보니 자연스럽게 소켓에 대해 다루게 됐다.근데....너무 어렵다 소켓! 프로젝트를 위한 기본 템플릿은 잘 되어있어서 기능 구현 자체는 어렵지 않았는데, 기능을 추가, 리팩토링, 에러 캐치를 하다보니 복사 붙여넣기로는 한계가 생겨버렸다 ,, 😥계속 공부중이고, 당장 필요한 내용을 위주로 정리한 걸 적어보려한다. 공부하면 모르는게 또 생기고 또 생기고 언제쯤 소켓이 쉬워질까요...?잘못된 정보가 있으면 언제든 알려주세요!! 1. 소켓 (Socket)1) 등장OSI 7계층의 한계프로토콜 구현을 위한 구현부 함수가 필요해짐소켓에서 이러한 함수들의 body를 제공하여 별도의 구현없이 소켓 사용 → 일관된 방식의 네트워크 프로그래밍 환경을 ..

프로젝트코스 4주차 회고드디어 끝이난 4주 프로젝트 코스! 정말 4주가 어떻게 지나갔는지도 모를 정도로 바쁘고 정신없었다..아직 리팩토링 할 부분이 산더미지만, 우선적으로 화면에 보여지는 부분은 완료!너무너무 아쉬운 결과지만 찐으로 깃허브를 협업에 사용해본것같아서 뿌듯하기도 한 리액트 6주코스 끝!프로젝트 요약자세한 기능 및 화면은 기업측 정보가 포함되어있을 수 있어 제외하겠습니다!1. 기술 스택2. 디렉토리 구조3. commit 컨벤션본 후기는 본 후기는 [유데미x스나이퍼팩토리] 프로젝트 캠프 : React 2기 과정(B-log) 리뷰로 작성 되었습니다.#유데미 #udemy #웅진씽크빅 #스나이퍼팩토리 #인사이드아웃 #미래내일일경험 #프로젝트캠프 #부트캠프 #React #리액트프로젝트 #프론트엔드개발자..

프로젝트코스 3주차 회고중간발표가 있는 지옥의 3주차 ,,,드디어 중간발표...! 이걸위해 그동안의 작업물을 정리하고 빌드하여 vercel로 배포하여 발표를 진행했다.지금까지의 작업물이라도 안정적으로 보이기위해 며칠을 밤새서 마무리 해뒀지만, 아직 최적화부터 사용성 개선에 아쉬운점이 너무 많은 결과물 ,, 남은 일주일과 그 이후 개인적이라도 꼭 완성도 높은 프로젝트를 만들자는게 우리 팀의 목표 !슬라이더 & 캐러셀프로젝트에 사용되는 캐러셀 형태가 많이 쓰여서 이번 기회에 라이브러리를 사용해보기로 했다.아래 라이브러리중, 필요한 기능을 대부분 제공해주는 Swipe를 결정했지만 커스텀에 애를 먹어서 앞으로는 라이브러리를 결정할 때 의존성에 대해 더 고민해야겠다고 생각했다.1. Slick (React Slic..

프로젝트코스 2주차 회고지옥의 2주차 회고 스타트!실제로 개발의 비중이 가장 높았던 한 주 였다.... 꼭 학교다닐때로 돌아갔던 기분새벽까지 돌리는 코딩공장에 정신이 멍해졌지만, 그만큼 진행되는 속도를 보면서 오랜만에 뿌듯하기도 했다하면 할 수록 기간이 너무 짧아서 아쉽지만, 그만큼 더 좋은 결과물을 만들어야겠다는 욕심이 늘어나는중프로젝트에 관련한 기술들은 마지막주에 정리하고 이번주까지는 협업을 진행하면서 많이 사용한 용어들을 정리하고 가려고한다.용어 정리스크럼애자일(Agile) 방법론 중 하나복잡한 제품을 개발 또는 배포하고, 유지하기 위한 프레임워크작은 목표를 짧은 주기(스프린트)로 점진적이며 경험적으로 제품을 지속적으로 개발(전달)하는 관리 프레임워크 기법개발 주기는 1~4주 정도로 하고 개발 주기..

프로젝트코스 1주차 회고드디어 사전직무가 끝나고 선정된 팀원분들과 함께 프로젝트를 시작했다.4주라는 짧은 시간 안에 완료해야 되기 때문에 각 주차별 목표를 잡고, 그에 맞게 해야할 일들을 정리하며 역할을 분담하는 과정을 빠르게 진행하며 정신없이 일주일이 후딱 사라져버렸다 아직 초반 작업과정이라 기술적으로 어려운 부분은 없었지만, 협업과정에서 디렉토리부터 네이밍까지 모든 컨벤션을 맞추고 논의하는 과정에서 시간이 걸렸고, 혼자서 개발할 때보다 더욱 신경쓰며 코드를 짜게 되는 것 같다..(그동안 엉망으로 짜던 내 코드 눈감아)협업을 하며 가장 어렵고 오랜기간 걸렸던 과정을 기록해보자!혼자서 하는 개발이 아닌 협업과정이기 때문에 가장 중요하게 생각하고 초기에 시간을 많이 들인 부분은1. 문서화2. 협업 방식 공..

사전 직무 교육 2주차 회고짧으면서도 길었던 사전 직무교육이 끝이났다..!매일 9시부터 6시까지 수업을 듣는다는 것이 생각보다 더 힘들었지만, 막상 마지막날이 되니 너무 아쉽게 느껴지는걸 보니 너무 알찬 강의였던게 분명합니다,,,ㅎ2주라는 짧은 시간동안 프론트엔드 개발자로 취업을 준비하는 저에게는 필요한 모든 주제를 배웠다고 생각하고 이제는 스스로 복습하고 내용을 추가하면서 진짜 내것으로 만드는 과정만 남았다!좋은 강의해주신 수코딩님께 너무 감사드리구, 열심히 공부해서 프로젝트를 성공적으로 끝내고싶은 마음뿐입니당알차디 알찬 사전직무교육 끝!2주차 강의 복습 (1)강의의 내용 중 일부분을 직접 복습하며 요약하고 내용을 추가하거나 예제를 변경한 내용입니다. 기본 출처는 [수코딩(https://www.suco..

사전 직무 교육 1,2일 차 회고스나이퍼팩토리 React2기 과정이 드디어 시작!오전시간 동안은 OT를 통해 프로그램 진행에 대한 설명을 듣고, 9월부터 진행하게 될 기업 프로젝트들에 대한 설명을 받으며 내가 진행하고자 하는 프로젝트를 고민해 보고 선정하는 시간을 가졌다.단순한 사이드프로젝트의 느낌이 아닌 실제 업무에 참여하는 수준의 과정인듯하여 오래 고민해보고 결정하게 되는,,점심시간이 지나고 바로 시작된 사전 직무 교육,,  유튜브와 책을 집필하시는  '수코딩'님이 강의를 진행해 주셨고 빠르고 필요한 부분을 쏙쏙 배우는 느낌이었다.오랜만에 긴 시간 교육을 듣는게 생각보다 더 힘들었지만 아는 내용이라고 생각하다가도 중간중간 신경 쓰지 못한 디테일들이 나타나 정신을 놓지 않으려고 집중! 집중! 이미 잡아..

interface interface 키워드 사용 static final 변수 사용 가능 => 내부의 모든 필드는 public static final 상수, 모든 메소드는 추상 메소드 public 접근제어자 사용 가능 상속 키워드 : implements 다중 상속 가능 => 클래스에 다중 구현 지원, 인터페이스끼리는 다중 상속 지원 내부의 모든 메서드는 public abstract로 정의 (defalut 메소드 제외) 공통 기능이 필요할 때 마다 추상 메서드를 정의해놓고 구현하는 식 => 각 클래스의 목적에 맞게 기능을 구현 클래스와 별도로 구현 객체가 같은 동작을 한다는 것을 보장하기 위해 사용 객체간의 결합도를 낮춤 abstract abstract 키워드 사용, 하나 이상의 추상 메소드를 갖고 있는 클..

접근 제어자 => 클래스, 변수, 메서드 등의 접근 가능한 범위를 지정하는 데 사용 객체 지향의 특징인 '정보 은닉'을 위해 제공되는 기능, 접근 권한을 구체화 할 수 있음 public 외부로 공개되며, 해당 객체를 사용하는 프로그램 어디에서나 직접 접근할 수 있음 protected 부모 클래스에 대해서는 public처럼 취급되고, 외부에서는 private멤버처럼 취급 같은 클래스, 같은 패키지, 자식클래스(다른패키지)에서 접근 가능 default 접근 제어의 기본값, 같은 클래스, 같은 패키지에 속하는 멤버만 접근 가능 private 외부에 공개되지 않고, 직접 접근할 수 없는 클래스 멤버 => 해당 객체의 public 메소드를 통해 접근 해당 멤버를 선언한 클래스에서만 접근 가능 접근제어자 같은 클래..

박싱, 언박싱 박싱 : 기본 타입의 데이터를 해당 기본 타입의 래퍼 클래스(Wrapper class)으로 변환하는 과정 언박싱 : 래퍼 클래스의 객체를 원시타입의 값으로 변환하는 과정 오토박싱: 자동으로 변환이 일어나는 것 ex) int Integer Integer boxInt=new Integer(9); Integer autoBoxInt=8; int unboxingInt=boxInt.intValue(); int autoUnboxing=boxInt; 원시 타입과 참조 타입간의 전환이 필요한 상황에서 객체 지향적 프로그래밍 기능을 활용하기 위해서 사용 원시타입(기본타입)의 경우 모두 메모리에 직접 값을 저장하므로 효율적이지만 모든 특징을 활용하기 어려움 참조타입의 경우 메모리에 참조 주소를 저장하여 메모리..