Web85 [모던 자바스크립트 Deep Dive] 9~11. 타입 변환, 객체 리터럴, 원시 값 모던 자바스크립트 Deep Dive 09~11장 내용 정리 회사에서 사용하는 javascript를 좀 더 깊게 공부하기 위해 기초부터 한번 훝으려고 한다. 9장. 데이터 타입 명시적 타입 변환(타입 캐스팅) : 개발자가 의도적으로 값의 타입을 변환시키는 것 암묵적 타입 변환 (타입 강제 변환) : 개발자가 의도 없이 표현식을 평가하는 도중 JS엔진에 의해 암묵적으로 타입이 자동변환 되는 것 이러한 타입 변환은 기존의 원시 값을 직접 변경하는 것이 아닌 새로운 원시 값을 생성하여 단 한 번 사용하고 버림 중요한 것 : 코드가 어떻게 작동되는 것인지 예측하고 이해하면서 사용해야 한다는 것 암묵적 타입 변환 문자열 타입으로 변환 + 연산자 : 피 연산자 중 하나 이상이 문자열 이면 문자열 연결 연산자로 동작 .. 2024. 2. 6. [모던 자바스크립트 Deep Dive] 6~8. 데이터 타입, 연산자, 제어문 모던 자바스크립트 Deep Dive 06~08장 내용 정리 회사에서 사용하는 javascript를 좀 더 깊게 공부하기 위해 기초부터 한번 훝으려고 한다. 6장. 데이터 타입 JS의 데이터타입 종류 원시 타입 객체 타입 숫자 타입 객체 문자열 타입 함수 불리언 타입 배열 undefined 타입 null 타입 심벌(symbol) 타입 하나의 숫자 타입 제공 : 모두 실수로 처리(배정밀도 64비트 부동소수점 형식) 문자열 타입 : 변경 불가능한 값이며 작은 따옴표, 큰 따옴표, 백틱(`)으로 묶어서 사용 템플릿 리터널 : 멀티라인 문자열, 표현식 삽입을 할 때 유용하게 사용(ES6 버전) 표현식의 경우 ${variable} 형식으로 백틱안에 있는 문자열 안에 변수를 넣어서 사용 null 타입 : 변수에 값의.. 2024. 2. 2. [모던 자바스크립트 Deep Dive] 4~5. 변수, 표현식과 문 모던 자바스크립트 Deep Dive 04~05장 내용 정리 회사에서 사용하는 javascript를 좀 더 깊게 공부하기 위해 기초부터 한번 훝으려고 한다. 4장. 변수 변수 컴퓨터는 CPU를 사용해 연산하고, 메모리를 사용해 데이터를 기억함 메모리는 데이터를 저장할 수 있는 메모리 셀의 집합체 메모리 셀 하나당 1바이트(8비트)이며, 컴퓨터는 메모리 셀의 크기, 즉 1바이트 단위로 데이터를 저장하거나 읽어들임 변수 : 하나의 값을 저장하기 위해 확보한 메모리 공간 자체 또는 그 메모리 공간을 식별하기 위해 붙인 이름(값의 위치를 가리키는 상징적인 이름) 변수에 값을 저장하는 것을 할당(대입, 저장) 이라 하고, 변수에 저장된 값을 읽어 들이는 것을 참조 라고 함 식별자 변수 이름을 식별자라 하며 어떤 값.. 2024. 2. 1. [모던 자바스크립트 Deep Dive] 1~3. 자바스크립트란? 모던 자바스크립트 Deep Dive 01~03장 내용 정리 회사에서 사용하는 javascript를 좀 더 깊게 공부하기 위해 기초부터 한번 훝으려고 한다. 01장. 프로그래밍 프로그래밍 : 컴퓨터에게 실행을 요구하는 일종의 커뮤니케이션 프로그래밍에 앞서 해결해야 할 문제(요구사항)를 명확히 이해한 후 적절한 문제 해결 방안을 정의할 필요가 있음 -> 문제 해결 능력 필요 Computational thinking(컴퓨팅 사고) 컴퓨터의 관점에서 문제를 사고해야하며 논리적, 수학적 사고가 필요하고, 해결 과제를 작은 단위로 분해하고 패턴화해서 추출하며, 프로그래밍 내에서 사용될 모든 개념은 평가 가능하도록 정의해야 함 기계어(컴퓨터가 알아듣는 언어)는 사람이 사용하는 언어와 체계가 다르기 때문에 직접 명령을.. 2024. 2. 1. [Spring] AOP 스프링 - AOP 참고 강의: 스프링 입문 - 코드로 배우는 스프링 부트, 웹 MVC, DB 접근 기술(김영한,인프런) AOP가 필요한 상황 모든 메소드의 호출 시간을 측정하고 싶다면? 공통 관심 사항(cross-cutting concern) vs 핵심 관심 사항(core concern) 회원 가입 시간, 회원 조회 시간을 측정하고 싶다면? AOP 적용 AOP: Aspect Oriented Programming 공통 관심 사항(cross-cutting concern) vs 핵심 관심 사항(core concern) 분리 [시간 측정 AOP 등록] 회원가입, 회원 조회등 핵심 관심사항과 시간을 측정하는 공통 관심 사항을 분리 시간을 측정하는 로직을 별도의 공통 로직으로 만듬 핵심 관심 사항을 깔끔하게 유지할.. 2022. 12. 5. [Spring] 스프링 DB 접근 기술 스프링 - 스프링 DB 접근 기술 참고 강의: 스프링 입문 - 코드로 배우는 스프링 부트, 웹 MVC, DB 접근 기술(김영한,인프런) H2 데이터베이스 설치 개발이나 테스트 용도로 가볍고 편리한 DB, 웹 화면 제공 설치 : https://www.h2database.com [터미널] [테이블 생성] gerberated by default : 자동으로 db가 id 값을 넣어줌 pk는 id로 넣은 상태 대소문자 구별이 없는듯함 이렇게 하면 h2에서처럼 sql문을 사용해서 db에 접근이 가능함 항상 터미널로 h2는 실행시켜놀것 // 순수 JDBC ~ 스프링 JdbcTemplate는 15년전의 기술이므로 강의만 가볍게 보고 넘김 JPA JPA는 기존의 반복 코드는 물론이고, 기본적인 SQL도 JPA가 직접 만.. 2022. 11. 4. [Spring] 회원 관리 예제 - 웹 MVC 개발 스프링 - 회원 관리 예제 / 웹 MVC 개발 참고 강의: 스프링 입문 - 코드로 배우는 스프링 부트, 웹 MVC, DB 접근 기술(김영한,인프런) 회원 웹 기능 - 홈 화면 추가 우선순위가 있어서 컨트롤러에서 "/"이라는 기본 페이지가 있으면 먼저 페이지 로드됨 이후 컨트롤러에도 없을 경우에 static에서 찾아서 페이지를 로드하는 것 회원 웹 기능 - 등록 get과 post의 url은 같지만 방식이 다르기때문에 스프링이 해석 가능 회원 웹 기능 - 조회 th:each : 문법 -> 반복문 2022. 11. 3. [Spring] 스프링 빈과 의존관계 스프링 - 스프링 빈과 의존관계 참고 강의: 스프링 입문 - 코드로 배우는 스프링 부트, 웹 MVC, DB 접근 기술(김영한,인프런) 컴포넌트 스캔과 자동 의존관계 설정 회원 컨트롤러가 회원 서비스와 회원 리포지토리를 사용할 수 있게 의존관계를 준비하는 과정 [회원 컨트롤러에 의존관계 추가] MemberController 생성 @Controller 입력 -> 자동으로 모듈도 import 해줌 여기까지 하면 MemberController 객체를 생성할 수 있음 -> '스프링 빈이 관리된다'라고 표현 생성자에 @Autowired가 있으면 스프링이 연관된 객체를 스프링 컨테이너에서 찾아서 넣어줌 이렇게 객체의존관계를 외부에서 넣어주는 것을 DI(Dependency Injection), 의존성 주입이라 함 이전.. 2022. 11. 2. 이전 1 2 3 4 ··· 11 다음 반응형
