IT는 개발자

최적화부터 유지보수까지 한 번에 끝내는 초격차 패키지 Online 수강 후기 ... 이 강의를 듣게 된 계기는 내가 개발자 경력이 만으로 3년차에 접어들면서 과연 내가 프론트엔드 개발자가 응당 알아야할 것들에 대해 알고있나? 다른 평균 개발자들이 하는 만큼 하고 있는걸까? 에 대한 의문이 증폭에 증폭이 되었을 때 였다. 회사에서 하는 일은 잘 하고 있지만 이직에 대한 두려움이 있고, 치고 올라오는 신입분들은 훨씬 더 나은 능력치를 가지고 있다는 생각이 드니 걷잡을 수 없이 걱정이 불어났다. 좋은 프론트엔드 개발자란 무엇일까, 알고리즘과 CS지식은 정말 꾸준히 공부해야하고 새로 바뀌는 기술들도 한번씩 다 써봐야하는 그 이상의 것은 없는 것일까. 최적화는 조금은 내가 가지고 있던 갈망을 해소시켜주었다. 성능..

객체 디스트럭처링: 객체 리터럴에서 변수명에 대응하는 속성값을 추출해 변수로 할당하는데 유용 let { id, country = 88 } = { id: "happy" } console.log(id) one two let [,,nums3,nums4,] = numbers; // ,를 이용해 부분 생략 가능 console.log(nums3, nums4); -> three four [nums4, nums3] = [nums3, nums4]; // 디스트럭처링을 이용해 변수 값을 교체 console.log(nums3, nums4); -> four three let [color1, color2="blue"] = ["black"]; // 기본값 지정 가능 console.log(color1, color2); functi..

컨테이너인프라환경이란? 여러개의 컨테이너가 격리된 상태로 실행되는 인프라 환경 가상 서버 EC2 → Iaas (Infrastructure as a Service) (PaaS → Platform as a Service) ex) 엘라스틴 빈 스톡 DB와 백엔드… 등의 구성을 따로 해주어야함 Software as a Service (SaaS) ex) 노션, 네이버 클라우드 Docker 이미지 태그: 이름이 동일한 이미지에 추가하는 식별자 ex) docker pull nginx:1.19.2 이미지는 여러 이미지에 동일한 레이어를 공유하므로 전체 용량이 감소 docker images docker run -d(백그라운드 구동) --restart always(중지해도 자동 시작) nginx 컨테이너 생성 docker..

tuple 배열요소가 n개로 정해질 때 각 요소별로 타입을 지정한 타입 let x : [string, number] x = ["tuple", 100] union 2개 이상의 타입을 하나의 타입으로 정의한 타입 var x : string | number 인터섹션 두 타입을 합쳐 하나로 만들 수 있는 타입 interface Cat { leg: number; } interface Bird { wing: number; } let birdCat: Cat & Bird = { leg: 4, wing: 2 }; 특수타입 void, null, undefined function say() : void { alert("hello"); } let unusable: void = undefined; undefined는 어떠한 빈..

webpack...? 바벨...? 걸프 : Task Runner -> 걸프에서 task를 실행하면 결과값을 준다(webpack 대용으로 쓸 수 있다) Task: 이미지를 가져와서 압축한 뒤 특정 폴더에 넣는다던가 가장 최신의 js 코드를 기존 코드에 컴파일 해준다(구형 브라우저가 이해할 수 있도록) pug->html + scss->css + javascript->구형 자바스크립트 + github 배포 를 도와준다 mkdir src/scss src/js src/img src/templates touch src/index.pug src/js/init.js src/js/main.js mv src/js/init.js src/js/util.js npm init webpack.config와 비슷하게 gulpfile..

public class Java{ public static void main(String[] args){ int n; Scanner sc = new Scanner(System.in); sc.nextLine(); for(int i = 0; i 같은 것이 있으면 들어가지 않는다!!! LIFO :last in first out queue -> enqueue dequeue 해준다 FIFO :first in first out capaticy(담을 수 있는 총량) size 현재 몇개 #선형 큐 : capaticy 크기가 제한이 있는거 #원형 큐 : front가 큐 끝에 닿으면 큐의 맨 앞으로 자료를 보내어 원형으로 연결한다 (back 혹은 rear 이 가장 먼저 들어와있던 친구) getSize(): 큐의 크기를 반..

Raycast 발사 감지 클릭 후 상호작용등에서 사용된다 Ray: Raycast가 쏘는 '광선'으로 !시작점과 !방향을 정할 수 있다 RaycastHit: Ray 광선이 충돌체와 닿으면 정보를 전달받는다. Ray가 닿은 collider, 오브젝트의 위치, Ray의 시작점과의 거리 등의 정보가 저장된다.

OOP 개념 class: object template으로 data필드 method 필드를 가지고 있다 object: class의 instance encapsulation: class의 보안 inheritance: 상속, 코드의 재사용성 Polymorphism: 오버로딩, 오버라이딩 Abstraction: 가상 class