HJW's IT Blog

UNIX CommandCLI : Command Line InterfaceGUI : Graphical User Interface필요한 라이브러리 다운받고 설치협업시 코드 관리등등CLI 는 여러곳에서 사용한다.  UNIX 란?1970년대 초반에 개발된 운영체제SW를 개발하고 실행할 수 있는 편리한 플렛폼쉽게 수정해서 다른 컴퓨터에 적용할 수 있다는 장점이 있었음이후 유닉스 기반 다른 운영체제들도 나오기 시작MAC, LINUX, UBUNTU 등UNIX 운영체제들은 뿌리가 같기 때문에 커맨드가 비슷하다이를 통틀어 UNIX Command 라 한다Shell, bash, zshcommand 를 해석해주는 프로그램커맨드를 입력하면, 해당 커맨드를 컴퓨터가 이해할 수 있는 형태로 바꿔줘야 하는데, 해당 역할을 shell..

Request 보내기fetch 함수기본적으로 get request 를 보내고 promise 를 return 한다const res = await fetch('url');const data = await res.json();res.status // request 의 상태res.headers // json 으로 넘어오는 bodynext url 에는 다음 값들을 받기 위한 url 이 포함된다const url = new URL(’url’);url.searchParams.append(’offset’,10);url.searchParams.append(’limit’,10);위와 같이 파라미터를 조절할 수 있다post 혹은 다른 종류의 request 는 다음과 같이 옵션을 넣어주어 보낼 수 있다const surveyDa..

비동기 JS코드를 request 를 보내고 response를 기다리는 시간동안 그저 기다리기만 하는 것은 효율 x그렇기에 오래 기다려야 하는 작업이 있다면, 다른 작업을 우선하고 해당 작업이 완료되면 돌아가는 것JS 는 다양한 비동기 문법과 툴이 있다.Callback & Promise 💡 복습 : Parameter ( 함수에 전달받은 값을 함수 내부로 전달하기 위해 사용하는 변수) , Argument ( 함수에 실제Callbackfuction sayHello(){ console.log("Hello");}fuction pringMessage(func){ console.log("printing.."); func();}printMessage(sayHello);Argument로 sayHello 함수를 전달한다..

객체 지향 프로그래밍이란?객체간의 상호작용을 중심으로 하는 프로그래밍개념적 대상을 하나로 묶는것 → 객체객체 안에는 무엇이 들어 있는가?객체의 상태를 나타내는 변수 (유저의 아이디, 생일 등)객체의 행동을 나타내는 함수 (좋아요, 상품 구매 등)객체지향의 반대 = 절차 지향 프로그래밍객체지향을 사용하면 보다 채계적인 프로그래밍이 가능해진다객체지향의 주요 개념들은 다음과 같다Object (객체)Constructor Function (생성자 함수)Prototype (프로토타입)Class (클래스)Inheritance (상속)Encapsulation (캡슐화)Abstracton (추상화)객체 만들기Object-Literalconst user = { email: 'asdf@gmail.com', bdate: '1..

ECMAScript : JS 의 표준. JS 를 사용할 때, 지켜야 할 규칙 등을 관리 → 문서화 되어 있는데, 이것이 ECMAScriptModern JS : 현시점에 사용하기 적합한 범위 내에서 최신 버전의 표준을 준수하는 JavascriptJS 특징 → 데이터 타입이 유연하다. 다른 언어의 경우 변수를 선언할 때, 변수 타입을 할당해야 하며, 할당된 타입은 변경될 수 없다. JS 의 경우, 변수의 타입까지 바꿀 수 있다.데이터 타입 : 기본형Number, String, Boolean, Null, Undefined, Symbol, BigIntSymbol : 유일한 값을 만들 때 사용BigInt : 엄청 큰 수를 다룰때 사데이터 타입 : 참조형Object데이터 타입이 언제 변환이 되는지 명확하게 알고 사..

MVC Pattern 이란?Model View Controller 패턴이다. 어플리케이션의 데이터(Model) , 사용자 인터페이스 (View) , 제어로직 (Controller) 를 분리하여 개발하는 아키텍처 패턴이다.Model : 데이터와 비즈니스 로직을 처리하는 계층으로, 데이터베이스와 상호작용하며, 데이터를 가공하고 조작한다. Model 은 View 혹은 Controller 에 대한 정보를 가지고 있지 않다View : 사용자에게 표기되는 UI 계층으로, Model 의 데이터를 가져와 사용자에게 보여준다.Controller : 사용자의 입력을 받아 Model 과 View 를 제어하는 계층으로, 사용자의 요청을 처리한다. Model어플리케이션의 정보, 데이터 등을 나타내는데, 다음과 같은 규칙을 가진..

IOC : Inversion of ControlIOC는 객체 생성 / 객체 사이의 의존성 관리를 개발자가 직접 제어하는 것이 아닌 컨테이너 혹은 프레임워크에 맡기는 것을 의미한다. 이를 통해 객체 간의 결합도를 낮출 수 있다.전통적인 프로그래밍 방식은 객체를 직접 생성하고 의존성을 관리해주어야 한다. 예를 들어 A 객체가 B 객체를 사용한다면 A 객체 내에서 B 객체를 생성해야 한다. 하지만 IOC 를 사용하면,클래스 내부의 객체 생성 → 의존성 객체의 메소드 호출 이 아닌 스프링에게 제어를 위임하여 스프링이 만듣 객체를 주입 → 의존성 객체의 매소드 호출 구조이다.DI : Dependency InjectionIOC 패턴의 일종으로, 객체 간의 의존성을 외부에서 주입하는 방식으로, 생성자, setter ..

EntityObjects, Events, Nouns etc.Basic object that the ER representsAttributesEntity 의 특성ex) Employee 라는 entity의 속성으로, name, ssn, phone_num 등이 있을 수 있다Composite Attribute더 작게 나뉠 수 있는 속성ex) Address 라는 속성이 있을 때, Address 는 StreetAddress, City, State, ZipCode 등으로 나뉠 수 있다.Multivalued Attribute여러 값을 가질 수 있는 속성. Composite Attribute와는 다르다. Composite Attribute는 나누어진 각각의 속성이 각각 다른것을 의미하지만 Multivalue 속성은 같은..

코딩으로 인해 많은것들이 생겨나며, 기존에 있던 것 또한 더욱 편해진다많은 기업들이 소프트웨어에 큰 규모로 투자중왜 코딩붐이 왔는가?기술의 발전 : 컴퓨터의 성능이 좋아졌다 -> 다양한 일들을 할 수 있다코딩을 활용할 수 있는기계(컴퓨터) 가 많아졌다 -> 스마트폰, 테블릿, 가전제품 등등코딩 접근성이 좋아졌다 -> 코딩을 쉽게 만들기 위한 노력이 많았다라이브러리프레임워크언어 : 파이썬Seaborn -> 데이터 시각화막혔을 경우 도움을 청할 곳이 많다.어떻게 따라갈까?기초 교양 수준에서라도 프로그래밍에 대한 이해를 갖춘다코딩에 대한 이해 + 시대적 흐름직접 코딩해보기 -> 주변을 둘러보면 코딩이 필요한 곳이 반드시 있다직접 개발자가 되기개발자 커리어의 장점준비 기간이 다른 전문직에 비해 빠르다잘 배울수 ..

숫자형console.log(7%3); // 1modular 연산.7을 3으로 나눈 나머지값console.log(2**3) // 8거듭제곱즉 2 * 2 * 2 의 결과사칙연산의 우선순위 규칙을 따라 연산한다 (ex. 덧셈보다 곱셈 먼저)문자열 기본console.log(코드잇); // 해당 결과는 에러console.log('코드잇'); console.log("코드잇");문자열을 작성할 때, 시작 따옴표와 끝 따옴표가 같아야 한다만약 따옴표를 문자열로 사용하고 싶다면?console.log("'I'm Iron Man");console.log("He said \\"I'm Iron Man\\"");console.log(`He said "I'm Iron Man"`);문자열 연산문자열에서의 덧셈은 문자열 연결을 의미한..