본문 바로가기

분류 전체보기

(61)
[Javascript] JavaScript 를 사용하는 도구 [ 코드 에디터 ]﹡ JavaScript 코드를 작성하는데 사용되는 편집기 [ 런타임 환경 ]﹡ JavaScript 코드를 실행하는 환경 , 브라우저와 Node.js 가 일반적이다.﹡ 브라우저 (클라이언트)주로 클라이언트 측 런타임 환경으로 사용되고 , 사용자 인터페이스를 관리하며 클라이언트 측 JavaScript 코드를 실행하는 역할을 한다. ﹡ Node.js (서버)주로 서버 측 런타임 환경으로 , 서버측 JavaScript 코드를 실행하고 처리한다.﹡ npm run devNode.js 환경 에서 개발서버를 시작하는데 사용되는 명령어 이며,JavaScript 로 작성된 웹 애플리케이션을 개발하기 위한 환경을 구축 할 수 있다.주로 Node.js 환경에서 실행 되며, 웹 애플리케이션의 개발 서버를 시작..
[Javascript] 배열(Array) 과 객체(Object) [ Array [ ] ]﹡ Array는 일련의 값들을 저장하는데 사용되며, 이 값들은 일련의 숫자 인덱스를 통해 액세스할 수 있다. ﹡ Array는 [] 대괄호 를 사용하여 정의하며, 각 항목은 쉼표로 구분된다.let fruits = ["apple", "banana", "orange"]; console.log(fruits[0]); // "apple" [ Array 안에 Object 정의하기 ]let students = [ { name: "John", age: 20 }, { name: "Jane", age: 22 }, { name: "Bob", age: 21 } ]; [ Object { } ]﹡ Object 는 키(key)와 값(value)을 쌍으로 가지는 데이터를 저장하는 데 사용된다. ﹡ 키를 사용하여..
Grid 예시 / tailwind 영역 1 영역 2 영역 3 영역 4 영역 5-1 영역 5-2 영역 6
flex-grow 남은영역 채우기 / & Grid flex-none : 패딩이나 높이를 준다. flex-grow : 남은 영역 채우기 ( h-full 써주기 ) Title 1 2 3 4
논리 && 연산자로 if를 인라인으로 html 표현하기 ( toggle 대신 이용 가능 ) Toggle 형식으로 사용하던 version {totalPageNum === 0 ? ( 검색결과가 없습니다. ) : ( {noticeList.map((val,key) => ( Q. {val.faqQuestion} {val.faqAnswer} ))} )} 논리연산자로 대체한 version {noticeList.map((val,key) => ( Q. {val.faqQuestion} {val.faqAnswer} {totalPageNum === 0 && 검색결과가 없습니다. }