개념 4일차 java - 변수와 연산자 2) 영문자,숫자,_를 사용할 수 있다. 3) 예약어를 사용할 수 없다(int나 String같은 기능이 있는 단어는 안됨) 4)특수문자, 공백을 사용할 수 없고, 숫자로 변수명이 시작되면 안된다. 자료형(Data Type) 기본 자료형(primitive Type) byte - 1byte short - 2byte int - 4byte long - byte flaot - 4byte double ... 연산자개념JavaJava [Spring] Spring의 개념 1. Spring은 Framework이다. 틀 안에서 동작한다는 뜻. 틀을 벗어나지마! 엉뚱한 오류가 좀 줄어들겠지? 2. Spring은 Open Source이다. 소스 코드가 무료로 공개되어 있어 내부를 쉽게 뜯어 고칠 수 있다! 3. Spring은 IoC Container를 가진다. ❓ Ioc = Inversion of Controll → 제어의 역전...? 무슨 개소리? 주도권이 사용자... 개념스프링 부트백엔드개념 웹 - 서블릿 (Servelt) 이를 통해 개발자는 중요한 비즈니스 로직에 좀 더 집중할 수 있는 것 이지요. WAS는 그럼 어떤식으로 비즈니스 로직을 수행할까요? 바로 그 유명한 서블릿을 사용합니다. 자바 서블릿은 자바를 사용하여 웹페이지를 동적으로 생성하는 서버측 프로그램 혹은 그 사양을 말하며, 흔히 "서블릿"이라 불린다. 자바 서블릿은 웹 서버의 성능을 향상하기 위해 사용되는 자바 클래스의 일종이다. 위키에서 서블릿... 개념servletservlet AngularJS | 개념 ng-directives로 HTML을 확장한다. {{Expressions}}를 사용해서 데이터를 HTML에 바인딩한다. MVC구조를 제공하고, MVC 구조를 위한 코드를 작성할 필요가 없음. 모델은 단순 자바스크립트 객체이고 setter, getter 함수를 작성할 필요가 없음. View와 Model 간 양방향 데이터 바인딩을 지원하여 서로 동기화 하는 코드 작성이 필요 없음. 데이터의 모델... 개념JavaScriptscriptfrontendangularJS프레임워크JavaScript javascript accessing a character str[index] 사용하기 index로 접근은 가능하지만 쓸 수 없다(read-only) 그렇지만 문자열이 아닌 배열에서는??? 콘솔에 입력해보았더니 arr[2] = 4; 라는 값을 할당하고 난 후 arr의 값도 바뀌게 되었다 객체에서는??? 역시 바뀌었다 데이터 저장 형태가 다른지 체크해볼만한 내용이다.... 개념JavaScriptJavaScript [알고리즘]재귀 함수(Recursive Functions) 하나의 함수에서 자신을 다시 호출하여 작업을 수행하는 것 📍 주의할점 재귀 함수를 작성할 때는 함수 내에서 다시 자신을 호출한 후 그 함수가 끝날 때까지 함수 호출 이후의 명령문이 수행되지 않는다는 사실과 종료 조건이 꼭 포함되어야 한다. 🔍 풀이전략 어떻게 풀이 할지가 아니라 무엇을 해야할지 생각한다. 그리고 전체과정을 생각하는 것이 아니라, N번째에 해야하는 행동만을 집중적으로 생각한다.... Algorithms개념Algorithms 딕셔너리 / 집합 만들기 중복되는 Key 값을 추가하면, 하나를 제외한 나머지 것들이 모두 무시된다. Key에는 변하지 않는 값을 사용하고, Value에는 변하는 값과 변하지 않는 값 모두 사용할 수 있다. Value에 리스트도 넣을 수 있다. 추가하기 삭제하기 Key 사용하여 Value 얻기 함수 Key 리스트 반환 : a.keys() 리스트로 반환하고 싶다면 : list(a.keys()) Value 리스트... 개념개념 웹 개발 관련 용어 웹표준 웹에서 사용되는 표준 기술이나 규칙 W3C의 표준화 제정 단계의 '권고안(REC)'에 해당하는 기술 W3C의 표준화 제정 단계 1. 초안(WD) 2. 후보권고안(CR) 3. 제안권고안(PR) 4. 권고안(REC) 크로스 브라우징 여러 브라우저에서 동등한 수준의 정보, 기능을 제공하는 것 어느 한쪽에 최적화되어 치우치지 않도록 공통 요소를 사용하여 웹 페이지를 제작하는 기법 똑같이 보이... 개념개념 JavaScript 동작원리(stack, queue, event loop) & 비동기 프로그래밍이 가능한 이유 보통 싱글 쓰레드라고 하면 (stack, 하나의 데이터 처리 선로--> 동기적)한 번에 하나의 작업만 수행할 수 있다고 생각한다. 그런데 주로 사용하는 웹 사이트에서는 어떻게 한번에 여러 요청을 받는 '비동기적 프로그래밍'이 어떻게 가능할까? 그리고 여러 요청이 오갈 수 있는 자바스크립트는 왜 싱글 쓰레드일까? 그렇다면 자바스크립트는 싱글 쓰레드로 동작하며 어떻게 한번에 여러 요청을 처리할까... 개념JavaScriptJavaScript 넘파이 (Numpy)에 대하여 Numerical Python으로 수치 계산을 위해 만들어진 파이썬 라이브러리다. 넘파이는 '넘파이 배열(ndarray)'이라는 자료구조를 사용한다. 👉🏻 넘파이 배열이란 다차원 배열과 행렬을 지원하고 벡터, 행렬등의 연산을 쉽고 빠르게 수행한다. as 뒤에 numpy라 해도 되지만 간결성을 위해 관례적으로 np를 사용한다. arange() 함수 특정 범위의 값을 원소로 하는 1차원 배열을 ... 개념데이터분석개념 React useRef의 다양한 활용 방법(+useCallback과 forwardRef) React는 이런 예외적인 상황에서 useRef으로 DOM 노드, 엘리먼트, 그리고 리액트 컴포넌트 주소값을 참조할 수 있다. 아래 예시 코드처럼 작성하시면 주소값을 활용할 수 있다. 예를 들어 배송지 정보를 입력 받아야 하는 결제 페이지를 만들 때, 사용자가 휴대번호와 같은 필수 정보를 입력하지 않고 결제하기 버튼을 눌렀다면 ref 를 사용하여 휴대번호 input 창에 focus 할 수 있... 개념ReactReact CSS Flexbox & 반응형 웹 만들기 기본적인 flexbox 레이아웃 사용법 박스들을 감싸는 부모 요소에게 display : flex를 사용하면 된다. 그럼 박스들이 기본적으로 가로정렬로 배치된다. 자주쓰이는 flexbox의 세부 속성들 모던 웹에서 사용하는 단위 정리 반응형 웹을 만들 때 head 태그에 들어가야 할 내용 아래 내용이 들어가 있어야 모바일에서도 예쁜 레이아웃을 만들 수 있다. <아래 내용 참고> 사이트 초기 z... 개념CSSCSS
4일차 java - 변수와 연산자 2) 영문자,숫자,_를 사용할 수 있다. 3) 예약어를 사용할 수 없다(int나 String같은 기능이 있는 단어는 안됨) 4)특수문자, 공백을 사용할 수 없고, 숫자로 변수명이 시작되면 안된다. 자료형(Data Type) 기본 자료형(primitive Type) byte - 1byte short - 2byte int - 4byte long - byte flaot - 4byte double ... 연산자개념JavaJava [Spring] Spring의 개념 1. Spring은 Framework이다. 틀 안에서 동작한다는 뜻. 틀을 벗어나지마! 엉뚱한 오류가 좀 줄어들겠지? 2. Spring은 Open Source이다. 소스 코드가 무료로 공개되어 있어 내부를 쉽게 뜯어 고칠 수 있다! 3. Spring은 IoC Container를 가진다. ❓ Ioc = Inversion of Controll → 제어의 역전...? 무슨 개소리? 주도권이 사용자... 개념스프링 부트백엔드개념 웹 - 서블릿 (Servelt) 이를 통해 개발자는 중요한 비즈니스 로직에 좀 더 집중할 수 있는 것 이지요. WAS는 그럼 어떤식으로 비즈니스 로직을 수행할까요? 바로 그 유명한 서블릿을 사용합니다. 자바 서블릿은 자바를 사용하여 웹페이지를 동적으로 생성하는 서버측 프로그램 혹은 그 사양을 말하며, 흔히 "서블릿"이라 불린다. 자바 서블릿은 웹 서버의 성능을 향상하기 위해 사용되는 자바 클래스의 일종이다. 위키에서 서블릿... 개념servletservlet AngularJS | 개념 ng-directives로 HTML을 확장한다. {{Expressions}}를 사용해서 데이터를 HTML에 바인딩한다. MVC구조를 제공하고, MVC 구조를 위한 코드를 작성할 필요가 없음. 모델은 단순 자바스크립트 객체이고 setter, getter 함수를 작성할 필요가 없음. View와 Model 간 양방향 데이터 바인딩을 지원하여 서로 동기화 하는 코드 작성이 필요 없음. 데이터의 모델... 개념JavaScriptscriptfrontendangularJS프레임워크JavaScript javascript accessing a character str[index] 사용하기 index로 접근은 가능하지만 쓸 수 없다(read-only) 그렇지만 문자열이 아닌 배열에서는??? 콘솔에 입력해보았더니 arr[2] = 4; 라는 값을 할당하고 난 후 arr의 값도 바뀌게 되었다 객체에서는??? 역시 바뀌었다 데이터 저장 형태가 다른지 체크해볼만한 내용이다.... 개념JavaScriptJavaScript [알고리즘]재귀 함수(Recursive Functions) 하나의 함수에서 자신을 다시 호출하여 작업을 수행하는 것 📍 주의할점 재귀 함수를 작성할 때는 함수 내에서 다시 자신을 호출한 후 그 함수가 끝날 때까지 함수 호출 이후의 명령문이 수행되지 않는다는 사실과 종료 조건이 꼭 포함되어야 한다. 🔍 풀이전략 어떻게 풀이 할지가 아니라 무엇을 해야할지 생각한다. 그리고 전체과정을 생각하는 것이 아니라, N번째에 해야하는 행동만을 집중적으로 생각한다.... Algorithms개념Algorithms 딕셔너리 / 집합 만들기 중복되는 Key 값을 추가하면, 하나를 제외한 나머지 것들이 모두 무시된다. Key에는 변하지 않는 값을 사용하고, Value에는 변하는 값과 변하지 않는 값 모두 사용할 수 있다. Value에 리스트도 넣을 수 있다. 추가하기 삭제하기 Key 사용하여 Value 얻기 함수 Key 리스트 반환 : a.keys() 리스트로 반환하고 싶다면 : list(a.keys()) Value 리스트... 개념개념 웹 개발 관련 용어 웹표준 웹에서 사용되는 표준 기술이나 규칙 W3C의 표준화 제정 단계의 '권고안(REC)'에 해당하는 기술 W3C의 표준화 제정 단계 1. 초안(WD) 2. 후보권고안(CR) 3. 제안권고안(PR) 4. 권고안(REC) 크로스 브라우징 여러 브라우저에서 동등한 수준의 정보, 기능을 제공하는 것 어느 한쪽에 최적화되어 치우치지 않도록 공통 요소를 사용하여 웹 페이지를 제작하는 기법 똑같이 보이... 개념개념 JavaScript 동작원리(stack, queue, event loop) & 비동기 프로그래밍이 가능한 이유 보통 싱글 쓰레드라고 하면 (stack, 하나의 데이터 처리 선로--> 동기적)한 번에 하나의 작업만 수행할 수 있다고 생각한다. 그런데 주로 사용하는 웹 사이트에서는 어떻게 한번에 여러 요청을 받는 '비동기적 프로그래밍'이 어떻게 가능할까? 그리고 여러 요청이 오갈 수 있는 자바스크립트는 왜 싱글 쓰레드일까? 그렇다면 자바스크립트는 싱글 쓰레드로 동작하며 어떻게 한번에 여러 요청을 처리할까... 개념JavaScriptJavaScript 넘파이 (Numpy)에 대하여 Numerical Python으로 수치 계산을 위해 만들어진 파이썬 라이브러리다. 넘파이는 '넘파이 배열(ndarray)'이라는 자료구조를 사용한다. 👉🏻 넘파이 배열이란 다차원 배열과 행렬을 지원하고 벡터, 행렬등의 연산을 쉽고 빠르게 수행한다. as 뒤에 numpy라 해도 되지만 간결성을 위해 관례적으로 np를 사용한다. arange() 함수 특정 범위의 값을 원소로 하는 1차원 배열을 ... 개념데이터분석개념 React useRef의 다양한 활용 방법(+useCallback과 forwardRef) React는 이런 예외적인 상황에서 useRef으로 DOM 노드, 엘리먼트, 그리고 리액트 컴포넌트 주소값을 참조할 수 있다. 아래 예시 코드처럼 작성하시면 주소값을 활용할 수 있다. 예를 들어 배송지 정보를 입력 받아야 하는 결제 페이지를 만들 때, 사용자가 휴대번호와 같은 필수 정보를 입력하지 않고 결제하기 버튼을 눌렀다면 ref 를 사용하여 휴대번호 input 창에 focus 할 수 있... 개념ReactReact CSS Flexbox & 반응형 웹 만들기 기본적인 flexbox 레이아웃 사용법 박스들을 감싸는 부모 요소에게 display : flex를 사용하면 된다. 그럼 박스들이 기본적으로 가로정렬로 배치된다. 자주쓰이는 flexbox의 세부 속성들 모던 웹에서 사용하는 단위 정리 반응형 웹을 만들 때 head 태그에 들어가야 할 내용 아래 내용이 들어가 있어야 모바일에서도 예쁜 레이아웃을 만들 수 있다. <아래 내용 참고> 사이트 초기 z... 개념CSSCSS