Yeonn's 기록하며 성장하는 개발일지 :)

오늘은 웹팩이뭔지에 대해 정리를 해보려한다. 웹팩을 알기전에 모듈이 뭔지 알아야하는데, 웹서비스는 여러가지 파일이 필요하다 (js, css, html,font,image....등) 이렇게 분리된 파일을 모듈이라하고 하나의 파일, 컴포넌트를 a,b,c,d에서 공통으로 사용하는경우가있다. 그렇게 많은 파일이 계속 만들어지면 브라우저에서 서버로 요청이 증가하고 너무 많아질경우 네트워크 로딩이 길어지게된다. 그렇게되면 당연히 화면의 로딩시간이 지연되고 사용자경험에 좋을것이 없다. 그러면 개발편의를 위해 개발을하고, 페이지 로딩시간을 줄일 수 있는 방법이 없을까? => 브라우저에서 서버에 요청하는 http개수를 줄이는 것 웹 서버에 배포하기전에 여러가지의 파일을 하나로 묶어서 배포하는 것 (하나로 모듈을 묶는 작..

switch문은 주어진 표현식을 평가하여 그 값과 일치하는 표현식을 갖는 case문으로 실행흐름을 옮긴다. case문은 상황을 의미하는 표현식을 지정하고 콜론으로 마친다. switch문의 표현식과 일치하는 case문이 없다면 default문으로 이동한다. if else문은 불리언 값으로 평가되지만, switch문은 불리언값보다는 문자열이나 숫자 값인 경우가 많다. int day = 3; String dayName; switch (day) { case 1: dayName = "Monday"; break; case 2: dayName = "Tuesday"; break; case 3: dayName = "Wednesday"; break; case 4: dayName = "Thursday"; break; cas..

이번주는 회사에들어와서 정말 힘들고, 자극도 많이 받았던 (브라우저 / DOM구조, 자바스크립트 문법으로인한..) 한주였다. 항해에서 프로젝트를 했을 당시, 버튼이나 input창과 같은 자주쓰이는 부분들을 공통으로 묶지않고 팀원분이랑 각각 필요할때마다 계속 만들어서 사용했었는데 (프로젝트 끝나고, 그당시 리액트스럽지못하다며 지적을 받았었음..) 회사에 와보니 공통컴포넌트만을 관리하는 프로젝트가 따로 있었고 storybook을 통해 관리를 하고있었다. 모든요소를 props로 받아 처리하도록 코드를 짜는것도 많이 헷갈렸고 '토글 그룹'의 개념을 잘 이해하지 못해서 3일정도 시간이 걸렸다. (쉬운작업인데 처음해봐서 오래걸렸던 것 같다, storybook도 잘 몰랐음 ㅠㅠ) 이벤트를 발생시킬때마다, 직접 DOM..

컴퓨터의 상태나 명령을 싱행한 결과를 표시하는 것을 출력, output 출력하기 위한 장치를 출력장치라 한다. 스마트폰에서는 입력장치와 출력장치가 합쳐진 "터치패널 디스플레이"가 적용되었다. 스피커 : 음성을 출력하는 장치 프린터 : 종이에 인쇄해서 출력하는 장치 3D 프린터 : 입체적인 형태를 출력하는 장치 헤드마운틴 디스플레이 = HMD는 컴퓨터가 만들어낸 가상현실을 출력하기위한 장치이다.

= 정보를 입력하기 위한 장치 사람이 컴퓨터에 지시하거나 명령을 실행하는데 필요한 데이터를 공급하는것을 입력, input이라하고 입력하기 위한장치를 입력장치라 한다. 키보드 : 문자와 숫자를 직접입력할 수 있는 장치 마우스 : 화면상의 위치정보를 통해 입력하는 장치 스마트폰, 태블릿 : 직접터치해서 입력하는 장치 마이크 : 음성입력하는 장치 디지털카메라, 스캐너 : 이미지 입력장치 디지털카메라와 스캐너는 음성이나 사진 등의 아날로그 데이터를 컴퓨터가 처리 할 수 있는 디지털데이터로 변환 **게임기의 컨트롤러, 바코드 리더기, IC카드,,, 등도 입력장치의 일종

하드웨어란 , PC의 경우에 CPU, 메모리, 하드디스크 드라이브 등의 본체 마우스나 키보드 같은 입력장치 프린터등의 출력장치 등 눈에 보이는 모든장치 소프트웨어란, 하드웨어를 동작시키기위한 프로그램 및 데이터를 통틀어 소프트웨어라고 한다. 형태가 없고 눈에보이지않는다. 소프트웨어는 OS, 응용프로그램 등이 있음 몸: 하드웨어 의지,사고,지식 : 소프트웨어 => 컴퓨터도 하드웨어만으로 아무것도 할 수 없고 하드웨어가 소프트웨어를 읽음으로써 목적에맞게 행동이 가능하다.

스마트폰은 디스플레이에 터치스크린을 채택 손가락으로 터치 또는 슬라이딩해서 조작. 얇은 판 모양의 하드웨어에 -> 고성능 CPU, 메모리, 카메라, 마이크,모바일통신,네트워크기능 등 내장되어있음 스마트폰에는 전용OS가 필요, iOS와 안드로이드로 나누어진다.

컴퓨터는 PC라는 형태로 대중에 보급되었다. pc의 특징은 화면 하나에 여러개의 소프트웨어를 동시에 띄워놓고 병행해서 조작할 수 있다 PC는 한곳에서 자리잡고 앉아서 이용하기 적합 스마트폰은 전화기에 컴퓨터기능을 탑재 -> 휴대하기 적합한 컴퓨터로 진화, 크기는 작지만 GPS나 각종센서기능을 활용 태블릿은 스마트폰 화면을 대형으로만들어 화면을 보기편하다 PC,스마트폰,태블릿 이외에도 슈퍼컴퓨터, 게임기, 가전제품 등 이용되고있다.