HOHO-DIARY

< 돔 요소에 접근하고 속성가져 오기>!! 코드 분석 !!const inputBox = document.getElementById("input-box");인풋 박스라는 변수는 input- box 아이디를 가진 요소에 접근한다.const listContainer =

\-반복문은 주어진 조건식의 결과가 참인 경우 실행 그후 조건식을 다시 검사하여 여전히 참인 경우 코드블록을 다시 실행이는 조건식이 거짓일때까지 반복for 문조건식이 거짓으로 판별될 때까지 코드 블록을 반복 실행 일반적으로 사용되는 반복문for (초기화식 ; 조건식;

종원님 코드 보면서 앵귤러 배우기 + 자바 스크립트<array 순회><object 순회><class 순회>import { Component, OnInit } from '@angular/core';this.todos. findIndexjs - 배열 내장함

arr.unshiftarr.shiftarr.poparr.splice()배열 두번째 부터 객체 3개를 삭제 한다면?배열 맨 앞 추가 unshift배열 맨 뒤 추가 push배열 중간 추가 splice

scss- 테일 윈드ssr - 안함 클라이언트에서 모든 것을 처리하는 방식과는 다르게 웹사이트에 접속하면 서버에서 필요한 데이터를 모두 가져와서 html 파일과 동적 코드를 같이 가져와서 보여줌 csr 사용했을 때보다 장점- 첫번째 페이지가 로딩이 빨라지는 장점이 있다

>> 앵귤러 이벤트 바인딩 Angular

inputValue!: string;에러안 나서 왜 그러나 어제 작성해본 파일과 비교해 봤더니객체를 추가하는 배열에 맨마지막에 추가를 어떤 것을 하는 것에 id를 작성을 잘 못 하였음문제>> id: this.inputlength -1.id +1수정 >> id: th

todo 추가 할수 있도록 입력값삭제 버튼그리고 입력값과 아이디가 맞으면 맞다고 알람창이 뜰수 있도록 하기

프론트와 백엔드 통신 api htp 제이슨 파일로 줘야함 api 란?응용프로그램에서 사용할수 있도록 운영체제나 프로그래민 언어에서 제공하는 기능을 제어할수 있게 해주는 인터페이스를 말합니다. 어플리케이션 간에 지정된 형식으로 요청과 응답을 할수 있도록 연결하는 것비유!

🚨// todo 리스트 추가 및삭제 버튼 및 배열확인해서 하는것 아이디 찾는것 input의 배열의 변수를 써주는 것이었음 //삭제 버튼Parser Error: Missing expected ) at column 12 in remove(item:input) in c:

async| async 파이프라인은 Angular 템플릿에서 사용되며, 비동기 데이터를 처리할 때 사용됩니다. 주로 Observable이나 Promise와 함께 사용됩니다. 이 파이프라인은 Observable이나 Promise에서 비동기 데이터를 구독하고 템플릿에 자동

//$ ng g service myService 명령어를 입력해 봅시다my-service.service.spec.tsmy-service.service.tsimport { HttpClient } from '@angular/common/http';httpclient 모듈을

sssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssss주어진 코드는 MyService라는 Angular 서비스를 정의하고 있습니다. 이 서비스는 Http

삭제 버튼 만들어서 리스트를 누르는데 삭제가 안됨.오류도 없는데 왜그런가 함문제 이해filter은 배열을 새로 만드는 것인데 앞에 새 배열을 만드는데 값을 새로운 배열을 만든다라는 것을 안씀문제해결

git basic1 - input output 없는것git basic2- 있는 것 타입스크립트에서 type 과 interface 더 알아보기type은 모든 타입을 선언할 때 사용할 수 있고, interface는 객체에 대한 타입을 선언할 때만 사용할 수 있다.또한 확

삭제 버튼 추가 버튼내일 복사 요소는- 삭제 + 추가 + 아이디찾기 + 체크박스 해서 ngclass로 해서 바뀌게 기능!!

오늘은 - 삭제 + 추가 + 아이디찾기 + 체크박스 해서 ngclass로 해서 바뀌게 기능!!Untitled

todo 복습 및 유효성 복습 _PreviewComponent.html 에서 "ngif" 오류 해결 문제: preview.component.html 파

설명위의 코드는 부모 컴포넌트에서 app-out-children 컴포넌트를 사용하는 것입니다. 이 컴포넌트는 부모 컴포넌트로부터 데이터를 받아와서 표시하며, 사용자의 상호작용을 처리하기 위해 이벤트를 발생시킵니다.설명은 다음과 같습니다:\[title]="Blog.ti

업로드중..이전 예제와는 이런 점이 다릅니다:

바닐라 css 연습마진을 0 패딩을 0display - 요소의 표시 여부를 결정하는데 사용된다. flexbox는 display : flex 속성을 주면 만들수 있다. display : flex ⇒ 수평정렬이 됨 & 글의 양만큼 상자의 사이즈도 조정이 된다 justify

CSS 복습justify- content ⇒ 콘텐츠를 정의한다 flex- startflex- endcenterspace-betweenspace-aroundspace-evenlymainHome 이라는 클래스 안에 titlechecksearchtopMenu4개의 요소가

Git 기본 용어Repository 저장소\-저장소는 히스토리, 태그, 소스의 가지치기 혹은 branch에 따라 버전을 저장한다. 또한 작업자가 변경한 모든 히스토리를 확인 가능Working Tree\-저장소를 어느 한 시점을 바라보는 작업자의 현재 시점Staging

css html gitpractice 파일에 page 파일 만들어서 blog 해보려고 하는데 error 남 ^^Error: This command is not available when running the Angular CLI inside a workspace.오류

브랜치는 연결이 되어있는데 깃랩에 커밋이 안됨…ㄸㄹㄹ어떻게 해결,,, 원인이 나도 알고 싶다… 제발…css 시작!!우선 전체적인 구조 부터 잡는다 css는 진짜 감도 안잡혀서 그냥 우선 웹사이트에 있는거 따라 치기만 하였다. text-transform: upperc

ul의 li 3개를 수평으로 정렬해야함 li의 총 가로 길이는 300pxul의 마진 탑은 80pxdisplay flex를 해서 수직 정렬을 했음 여기서 질문!!ul 에게 flex를 주어서 수평 정렬이 되었는데 그럼 ul li 에게는 flex를 주어서 수평 정렬은 되지

<설계>.overlay {display : flex;flex- direction: column;text-align: center;2개의 아티클이 있는데 그 아티클 안에서도 내용설명 부분과 이미지를 수직 정렬해야되고내용설명부분 안에는 소제목 내용 그리고 앵커 태크로

타입 스크립트와 테일 윈드 css를 써써 해보기!!시멘틱 태그 활용 해보기!html 작성레이 아웃 나누어보기

설계이름을 적을수 있는 텍스트드롭다운 목록월에서 날짜를 선택하여 고를수 있는 플러스 마이너스로 승객 인원을 조정할수 있음 최대 20명?입력하고 값을 보내는 sumit 버튼사진과 어딘지 설명해주는 사진 두개 수평정렬(1) input text 입력 text 선을 없애는 방

그전에 해놓은 웹 카피 라이팅 해놓을 것을 테일윈드로 다시 해보려고 한다.주의점Tailwind CSS는 기본적으로 box-sizing: border-box를 사용합니다. 따라서 요소의 너비를 설정할 때 여백과 테두리의 크기를 고려해야 합니다.width 속성은 요소의 콘

⇒ 구성요소를 잘 정리해주신 블로그가 있어서 이것을 분석해보기로 함!모르는 단어들이나 문법들이 많아서 분석하면서 그때 그때 마다 배우고 공부해야 할듯하다3가지로 구분 됨타입 스크립트 클래스html 템플릿css 스타일📁src/app/hello/hello.componen

ParentComponent: 이 컴포넌트는 블로그 제목을 표시하고 자식 컴포넌트에 해당 제목을 전달합니다.ChildComponent: 이 컴포넌트는 부모로부터 전달된 블로그 제목을 표시하고 좋아요 버튼을 제공합니다.위 코드를 포함하여 프로젝트를 설정한 후 ng ser

윤홍님이 유저 플로우 짜주신 것레이아웃 나누기버튼 구현 하고 보고 싶었는데 계속 그전에 했던 blog 파일만 떠서 왜 그러지 하고 여쭤보았는데localhost:4200 ⇒ 의 연결이 blog 파일로 연결로 되어서 그런거였음path : ‘’ 가 localhost:4200

html 코드/ css tail wind

id 값 입력 한 것이 맞는지 아닌지를 확인 해야 되지 않나?맞으면 true로그인 창이 앵커 태그여서 계속 새창으로 떠서 div로 바꿈 입력값이 콘솔로 찍히는지 확인 ⇒ 확인이 안됨..안되었던 이유가 loghome 타입을 선언을 안해줘서 그럼 이거 넣었더니 오류 사라

파일 만든후 에 라우트 들어가서 컴포넌트 연결 하기!! 달달 외워라 제발 진짜 머리가 멍청하면 외우기라도 하자^^⇒ 직접 치기전에 한번 쓴거 외웠나 보려고..어떤 것이 필요하나?\-아이디 입력창=> 이미 있는 아이디 인지 아닌지 확인 해야 함 =>아니면 logHome

버튼을 눌렀을때 원래 있는 배열의 값에서 추가가 될수 있게 하기 위해서 id 값을 추가 하였는데 오류 발생 'number'은(는) 형식만 참조하지만, 여기서는 값으로 사용되고 있습니다.ts(2693< 정답!!>주어진 코드에서 'number' 타입을 값으로 사용하려

id 유효성 검사 필요한것아이디 입력값이 4~ 12 의 길이 일것입력값의 조건이 영어 소문자 숫자만 가능 일것이 조건이 참이 아니면 밑에 있는 안내 문구가 빨간색 글자로 바뀌게 할것그리고 확인 버튼을 눌렀을때있는 배열에서 확인후 있으면 이미 등록된 아이디 입니다 라고

@Input()은 클래스 속성을 컴포넌트의 입력 속성으로 표시하는 Angular 데코레이터입니다.이 데코레이터는 부모 컴포넌트에서 자식 컴포넌트로 데이터를 전달하는 데 사용됩니다.\-부모 컴포넌트에서 자식 컴포넌트로 데이터를 전송할때 사용\-자식 컴포넌트에서 @inpu

비밀번호 유효성검사 아이디 저장하기 체크박스 비밀번호 입력할때 뭐입력했는지 볼수 있게 해주는 체크박스 스타일 주기//비밀번호 유효성검사 조건6자리 이상일때 ngclass 바뀌는것숫자특수문자영어스타일\-sing up 가운데로 옮기기 비밀번호 유효성 검사// 키입력값에

챗 지피티 한테 회원가입 화면에 @input @outut을 써야 되냐고그냥 폼 모듈을 써서 관리하는게 더 좋다고해서 폼을 더 공부를 해보려고 함폼을 만들때 필드를 사용하여 유효성 검사상태 표시<label for="toDo">: 이 라벨은 폼 컨트롤과 연결되는 라벨

이 예시는 사용자가 이메일 주소를 입력하는 양식을 구현합니다. 이메일 필드는 필수 필드이며, 올바른 이메일 형식을 가져야 합니다. 유효하지 않은 이메일 형식이 입력되면 사용자에게 오류 메시지가 표시됩니다.이 예시는 사용자가 비밀번호와 비밀번호 확인을 입력하는 양식을 구

1\. 키워드 분석:private: 이 키워드는 속성의 접근성을 정의합니다. 이 경우 private는 속성에 컴포넌트 클래스 자체 내에서만 접근할 수 있고 컴포넌트 외부에서는 접근할 수 없음을 의미합니다.readonly: 이 키워드는 속성을 읽기 전용으로 설정합니다. 

제대로 조건이 안 맞게 되는 것 같음두번 돌게 되고 유효성 검사가 안되고 있음오류가 그파일에만 안되고 다른 것들은 되서우선 종원님이 주신거 다른 파일에서 다시 해봤더니 됨

====================================================================

연습하기 부모 - 자식 컴포넌트 통신 Angular 가이드인풋 아웃풋에 대한정의는 대충 이해가 갔다근데 완벽하게 이해가 어려워서예시를 좀 많이 해봐야 할것 같다. JSON파일 -드림코딩프론트 파일을 json파일로 어떻게 바꾸고service 파일이 왜 있는지 어떻게 작성

input 부모에서 자식 정보전달 입력한 값을 자식에게 전달 하는 것?흠 회원가입 폼에서는 잘 안할것 같긴 함 output자식에서 부모로 전달이벤트가 발생 할때

로직의 재사용성: 서비스는 애플리케이션 전반에서 사용되는 로직을 캡슐화하고 재사용성을 높일 수 있습니다. 특히, 여러 컴포넌트 간에 공통으로 사용되는 로직이나 데이터를 서비스에 구현하여 중복을 피할 수 있습니다.데이터 공유: 서비스는 여러 컴포넌트 간에 데이터를 공유하

HTML TS

Angular의 이 코드 조각은 Angular에서 HTTP 통신을 구현하는 일반적인 방식을 보여줍니다. this.signService.createProfile(this.formGroup.value).subscribe() 구문은 SignService의 createProf

이미지를 데이터 타입을 어떻게 지정해야 되나?url 로 하면 됨메뉴를 클릭 하였을때 메뉴가 장바구니에 추가 되는 기능 화면 구성은 grid 장바구니에 추가 하려면 food 배열에\[ 있는 객체 하나를 선택 했으면 그 객체를 장바구니 배열에 추가 시켜서 새로 배열을 생성

장바구니에있는 배열객체의 price를 다 더해야 되는 거잖아 그러면 배열의 객체를 다 순회 해야 갰네그리고 객체의 price만 가지고 오고