반응형 #빅데이터 #파이썬 #무료교육 #취업지원 #데이터분석 #ai #t아카데미 #sk플래닛 #sqld #adsp #프로젝트 #대한상공회의소 #인력개발원 #인재개발tv #4차산업혁명 #기술 #취업 #기술교육 #개발자 #개발자9 [ASAC 웹풀스택]백준 10699번 백준 2163번 React (Next.js) 의 Hydration 이란 무엇인가? - 서버 사이드 렌더링을 도입함으로 생긴 개념 [ASAC 웹풀스택]백준 10699번 백준 2163번 React (Next.js) 의 Hydration 이란 무엇인가? - 서버 사이드 렌더링을 도입함으로 생긴 개념 [ASAC 웹풀스택] 10699번 자바 오늘의 날짜 맞추기 자바 오늘의 날짜 맞추기 import java.time.ZonedDateTime; import java.time.ZoneId; import java.time.format.DateTimeFormatter; public class Main { public static void main(String[] args) { // Get the current date and time in Seoul ZonedDateTime seoulTime = ZonedDateTime.now(ZoneId.of(".. 2023. 9. 3. ASAC 웹풀스택 프롭스 , 콜백 , next.js 캐싱의 동작 , <Link> , 동기화하는 파일과 비동기 ASAC 웹풀스택 프롭스 , 콜백 , next.js 캐싱의 동작 , , 동기화하는 파일과 비동기 [ASAC 웹풀스택] 함수 기본 함수 기본 const getRectArea = function (width, height) { return width * height; }; console.log(getRectArea(3, 4)); // Expected output: 12 [ASAC 웹풀스택] 프롭스, 함수를 넘겨주는것 => 콜백 콜백 함수를 넘겨주는 것, 콜백은 부모 컴포넌트로부터 자식 컴포넌트로 함수를 전달하여 자식 컴포넌트에서 해당 함수를 실행하는 방법입니다. 1번재 인자값은 돔을 호출한다. 2번째 인자값은 리랜더를 뜻한다. error.log를 활용하는 방법, useEffect() => console.lo.. 2023. 8. 31. ASAC 웹풀스택 Context API + useReducer 를 활용하여 전역 상태로 관리되는 Modal 제작 ASAC 웹풀스택 Context API + useReducer 를 활용하여 전역 상태로 관리되는 Modal 제작 [ASAC 웹풀스택] Context API + useReducer 를 활용하여 전역 상태로 관리되는 Modal 제작 개념파악하기, Context API Context API는 React 애플리케이션 내에서 전역적인 데이터를 공유하기 위한 메커니즘입니다. 이를 통해 중간 컴포넌트를 거치지 않고도 데이터를 전달할 수 있습니다. useReducer Hook useReducer는 복잡한 상태 로직을 관리하기 위한 React Hook입니다. 컴포넌트의 상태 관련 로직을 분리하고, 액션을 통해 상태를 변경하는 방식으로 작동합니다. 조건부 렌더링 조건부 렌더링은 특정 조건에 따라 컴포넌트나 요소를 렌더링하.. 2023. 8. 30. ASAC 웹풀스택 @material 사용해서 회원가입창 만들기! ASAC 웹풀스택 @material 사용해서 회원가입창 만들기 [ASAC 웹풀스택] Material-UI에서는 다양한 컴포넌트를 제공하며, 이를 사용하여 회원가입 폼을 만들 수 있습니다. 일반적으로 회원가입 폼에는 다음과 같은 컴포넌트들이 필요합니다: TextField: 사용자의 이름, 이메일 주소, 비밀번호 등을 입력받기 위한 텍스트 필드입니다. Button: 폼 제출 버튼입니다. FormControl, FormGroup, FormLabel, FormControlLabel, etc: 여러 입력 필드를 그룹화하고 레이블을 추가하는 데 사용됩니다. Checkbox or Switch: 사용자 동의(예: 이용약관 동의)를 받기 위한 체크박스나 스위치입니다. 그 외에도 UI 디자인에 따라서는 Grid, Pape.. 2023. 8. 30. ASAC 웹풀스택 공부범위 프로젝트의 기준, Bootstrap와 merterial UI, css @tailwinds @mertrial , 번들사이즈 측정법 ASAC 웹풀스택 공부범위 프로젝트의 기준, Bootstrap와 merterial UI, css @tailwinds @mertrial , 번들사이즈 측정법 [ASAC 웹풀스택] 프로젝트의 기준 spring + next.js 만으로 충분하다 [ASAC 웹풀스택] -애너테이션 @Validated 빈 검증으로 속성값을 체크한다. @ConfigurationProperties 느슨한 바인딩, 속성 @Component 설정한 패키지 경로 안에 bean클래스를 만들고 @Component 어노테이션을 붙여주면 해당 bean클래스는 자동으로 빈이 생성될 수 있게 된다. 아이디를 사용하지 않고 타입으로 빈을 지정해서 찾는거랑 비슷한 느낌이다... 이름이 없기 때문에 타입으로서 빈을 받아낼 수 있다. @ComponentSc.. 2023. 8. 28. ASAC 웹풀스택 @tailwindcss , stylelint-config-standard ASAC 웹풀스택 @tailwindcss , stylelint-config-standard [ASAC 웹풀스택] ASAC 웹풀스택 @tailwindcss , stylelint-config-standard 가보자고!. C:\asac_front_page>git remote add origin https://github.com/ISBETHERE/next-react-tutorial.git C:\asac_front_page>git remote set-url origin https://github.com/ISBETHERE/next-react-tutorial.git bash git remote set-url origin https://github.com/ISBETHERE/asac_front_page.git 변경이 완.. 2023. 8. 23. [ASAC 웹풀스택 개발자과정] CSS 딥다이브 [ASAC 웹풀스택 개발자과정] CSS 딥다이브 [ASAC 웹풀스택 개발자과정] CSS 딥다이브 we cab write CSS inside the quotation marks 해석 우리는 안에 CSS를 쓸 수 있습니다 따옴표 -CSS의 규칙 CSS는 속성: 값 쌍에 기록됩니다 항상 콜론으로 구분됩니다: 세미콜론; 으로 마무리한다. font-size px set color color text background-color background color text-align left, center, right color keywords "red", "steelblue", "hotpink" hex #7abofb rgb Red, Green, Blue rgb(0,255,0) hs1 #p1 {background-co.. 2023. 8. 15. ASAC 웹풀스택 웹 통신 이해 딥다이브 ') print('안녕하세요, 웹 서버에서 Python CGI 프로그램이 실행되었습니다!') print('') 2023. 7. 31. 이전 1 2 다음 반응형
