[CSS] 반응형 Header 만들기

초기 코드index.html Co-kgyury Home Tistory Github Velog Youtube   1️⃣ 목록 만들기ul:UnOrdered List목록화 되어있음을 나타내기 위함.이 안에 카테고리 목록이 될 리스트들을 작성해주자아무 의미 없는 div로 각 영역을 나타내기보다, ul로 나타내주자(li>a)*5 로 단축시켜 다섯 개를 불러낼 수 있다. ..

• format_list_bulleted ✏️ 개발 공부/ETC
• · 2022. 2. 3.
• textsms

[JAVA] Stream 기술

자바를 자바바Stream: 함수 여러 개를 조합하여 필터링, 맵핑된 결과를 얻게 할 수 있도록 함   1️⃣ 배열의 원소를 가공하는 방법 map: 요소들을 특정 조건에 해당하는 값으로 변환함filter: 요소들을 조건에 따라 걸러내는 작업을 함sorted 요소들을 정렬하는 작업을 함위와 같은 가공이 끝나면, 리턴해줄 결과를 collect를 통해 만들어준다 2️⃣ 실전test SETArrayList list = new ArrayList(Arrays.asList("KIM", "GYU", "RY"));1. maplist.stream().map(s->s.toUpperCase());list.stream().map(String:toUpperCase);System.out.print(list.stream() .m..

• format_list_bulleted ✏️ 개발 공부/SpringBoot
• · 2022. 2. 2.
• textsms

[용어] IT에서의 Script, 스크립트언어 뜻

1️⃣ 어원 연극 용어로서의 Script 배우의 대사를 중점으로 배우의 표정 등장과 퇴장, 무대장치 중심으로 지시한 내용 즉, 배우의 행동을 지시하는 것과 같이 소프트웨어의 실행에 대한 지시 및 제어하는 것을 Script라고 일컫기도 한다 2️⃣ IT에서의 스크립트 뜻 다른 프로그램에 의해 번역되거나 수행되는 프로그램, 명령어들의 나열 스크립트 언어: 기존에 이미 존재하는 소프트웨어를 제어하기 위한 용도를 쓰이는 언어 즉, 배우의 행동을 지시하는 것과 같이 소프트웨어의 실행에 대한 지시 및 제어한다 인터프리터 방식을 위함 소스코드를 컴파일 하지 않고도 실행할 수 있는 프로그래밍 언어 Perl, JavaScript, jQuery, JSP, PHP, ASP, Python... 3️⃣ 스크립트 언어 (ftea..

• format_list_bulleted ✏️ 개발 공부/ETC
• · 2022. 2. 1.
• textsms

[React/Redux] redux의 action함수 사용하기

프로젝트에서 필요했던 react 관련 내용을 정리합니다 Redux의 액션함수 사용하기 1. createAction 파라미터로 전달받은 값을 객체에 넣어주는 작업에 대하여 자동화 시킴 예시코드 //기존 export const increment = (index) => ({ type: types.INCREMENT, index }); //함수사용 export const increment = createAction(types.INCREMENT); 단, createAction함수를 사용하면 기존의 파라미터(index)값이 무엇인지 모른다 따라서 파라미터로 전달받은 값을 액션의 payload값으로 설정해준다 만약 increment(5) 이었다면 다음의 객체가 생성되는 것이다 { type: 'INCREMENT', pa..

• format_list_bulleted ✏️ 개발 공부/ETC
• · 2022. 1. 17.
• textsms

[React/Redux] Reduser 작업하기

프로젝트에서 필요했던 react 관련 내용을 정리합니다 Redux : js App을 위한 state container (react, augular, jQuery, vanillaJS등의 framework와도 작동) : action에 반응하여 상태를 변경함 (UI 상태에 대한 함수 기술 framework, 즉 리액트와 잘 어울림) 1. React에서 Redux가 필요한 이유 react에서 Component와 Application은 각각 다음의 state를 가진다 Component: local state, Application: global state 프로젝트 규모가 커지며 Component의 수가 늘어나면 local state의 전달이 어렵다 data전달시 필요없는 data의 흐름이 생긴다 data전달이 잘..

• format_list_bulleted ✏️ 개발 공부/ETC
• · 2022. 1. 17.
• textsms

[React] 라이브러리/모듈/함수 정리 (update:22.01.17)

React로 진행한 프로젝트 내에서 공부가 필요했던 라이브러리를 정리합니다. React 라이브러리/모듈/함수 정리 모듈명 설명 참고주소 pender 1. 프로미스 기반 액션들을 관리하기 위한 미들웨어와 도구가 포함된 라이브러리 2. redux-promise-middleware와 유사함 3. payload에 프로미스가 있으면 이 프로미스가 시작하기 전, 완료, 실패 했을 때 뒤에 PENDING, SUCCESS, FAILURE접미사를 붙여줌 4. 요청들을 관리하기위한 reduser와 요청관련 액션들을 처리하기 위한 액션 핸들러 함수들을 생성해주는 도구가 있음 https://redux-advanced.vlpt.us/2/04.html pender의 type 속성 pender에 type이 주어지면 type에 접미..

• format_list_bulleted ✏️ 개발 공부/ETC
• · 2022. 1. 17.
• textsms