Front71 약속합시다: 프로미스(Promise) Promise(프로미스) Promise란 무엇일까요? 비동기 작업을 수행하는 함수의 Return 타입이라고 볼 수 있습니다. 이에, 대표적으로 네트워크 요청을 만들고 응답을 처리하는데 사용하는 fetch 함수가 있습니다. 예를 들면, 아래와 같이 사용합니다. fetch('https://api.example.com/data') .then(response => { if (!response.ok) { // 네트워크 요청이 성공 throw new Error(`HTTP error! Status: ${response.status}`); } return response.json(); }) .then(data => { console.log(data); // 처리된 데이터를 사용 }) .catch(erro.. 2024. 1. 7. Vue.js 구조 잡기 / Component 분리 / router push Vue.js 구조 잡기 Vue 애플리케이션의 진입점 public>index.html은 Vue 애플리케이션의 진입점입니다. 기본적인 HTML 구조와 Vue 앱에 필요한 리소스를 로드하는 스크립트 태그를 포함해야 합니다. 예를 들면 다음과 같은 내용으로 구성될 수 있습니다. 재사용(재활용) 가능한 부분을 Component 분리 만약 Home.vue에서 다음과 같은 코드가 있다고 가정해보겠습니다. 이러한 상황에서는 div class="col"로 시작하는 부분을 컴포넌트화할 수 있습니다. 컴포넌트를 만들기 위해서 다음과 같은 절차로 진행될 수 있습니다. components 디렉토리에 새로운 Vue 컴포넌트 파일 (예: Card.vue)을 생성합니다. 해당 컴포넌트 파일에 중복되는 내용을 추가합니다. // 예시 .. 2023. 6. 13. [node.js] Java에서 Spring boot와 비슷한 흐름의 Express-generator에 대해서 / router를 통해서 url 맵핑에 대해서 / nodejs 메일보내기 Java에서 Spring Boot와 비슷하게 nodejs에서도 프로젝트를 바로 진행할 수 있는 템플릿을 제공한다. 이를 express-generator라고 한다. 사용하기 위해서는 아래와 같은 코드를 입력한다. express-generator를 글로벌하게 설치하는 내용이다. sudo npm install express-generator -g 설치가 되었는지 확인해보자. npm list -g 이제 템플릿을 생성해보자. myapp 이라는 단어를 프로젝트 명이라고 생각하고, 입력할 때는 바꿔주자. express --view=ejs myapp 설치하고 난 뒤에는 node_modules 라는 폴더가 없는데, 생성 후 모듈을 가져오는 작업을 해줘야한다. 모듈까지 올리지 않는 이유는 파일의 크기가 워낙 크다보니 사용.. 2023. 2. 1. [CSS] margin: 0; / 가운데 정렬하기 margin : 0; 대표적인 중앙정렬 속성으로, 자주 사용된다. 어떻게 동작이 되는지 확인해보자. * 알고가기 패딩(padding)은 파란색 부분과 테두리 사이의 여유 공간을 의미합니다. 즉, border까지가 요소입니다. 마진(margin)은 요소 주위의 여백입니다. 다른 요소와의 사이 공간을 의미힙니다. margin : 0; 상하좌우여백을 지정하지 않는다는 의미입니다. 2022. 12. 7. [Jquery] 배열 접근해서 출력하기 / for / for in / forEach 등 .. each / $.each() 선택자로 선택한 요소(문서 객체)는 배열에 순서대로 저장됩니다. 이때 each()와 $.each() 메서드는 배열에 저장된 요소를 순서대로 하나씩 선택하면서 인덱스 정보를 가져옵니다. 2022. 12. 2. [JQERY] HTML 태그에 접근해서 CSS 적용 1. HTML 태그에 접근해서 CSS 적용 2. HTML 태그, id로 접근해서 CSS 적용 3. HTML 태그, class로 접근해서 CSS 적용 3. HTML 태그의 속성명으로 접근해서 CSS 적용 4. 속성값이 ~로 시작하는, startWith를 이용한 CSS 적용 5. 첫번째, 마지막 6. 짝수, 홀수 2022. 12. 2. 이전 1 2 3 4 ··· 12 다음
