JavaScript7 웹 개발 Vanilla JS 사용 이유 장점 경량성(Lightweight): 프로젝트가 가볍고 초기 로딩 시간이 단축될 수 있다. 학습 곡선(Learning Curve): 프레임워크 없이 직접 JavaScript를 사용하면 학습이 더 쉽다. 유연성(Flexibility): 개발자는 필요한 기능을 직접 구현하며, 유연성을 확보할 수 있다. 커스터마이징(Customization): 프로젝트를 자유롭게 커스터마이징할 수 있다. 성능(Performance): 일부 상황에서는 성능을 최적화할 수 있다. 단점 구조화의 부족: 프레임워크 없이 개발할 경우 코드의 구조화와 모듈성이 부족할 수 있다. 유지보수 어려움: 큰 규모의 프로젝트에서는 유지보수가 어려울 수 있고, 코드의 복잡성이 증가할 수 있다. 재사용의 어려움: 일부 기능을 처음부터 구현하려면 시간.. 2023. 12. 13. [Javascript] map 함수 사용해보기 데이터를 다루는 코드를 수정하던 중, 배열 안의 객체 데이터에 접근해야 하는 상황이 발생했다. 중첩된 배열 구조 안의 객체를 추출해야 하는 구조로써, 1. 첫번째 배열은 변수를 선언해서 담아놓고 2. 두번째 배열은 for문안에서 변수.push(new Array() 로 되어있는 상태 근데 두번째 배열 안의 객체에 접근하고싶은데.. 검색조차 어떻게 해야할지 모르겠어서 이틀정도 고민해보다가 동료분의 도움을 받았다. 검색할 키워드는 'map 함수' map함수는 배열 내의 각각의 요소(element)를 함수로 호출해서 반환값으로 새로운 배열을 만들어주는 기능이다. 공식문서 https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/A.. 2022. 3. 31. [Node.js] node.js에 DB 연결 ( PostgreSql ) 요즘 node로 프로젝트를 진행하면서 공부하고 있는데, db연결 process를 정리해본다. * Express 가 설치되어있는것을 전제로 진행 1. 다음과 같은 명령어를 입력해서 라이브러리를 설치한다. $ npm install pg 2. PostgreSql 커넥터를 만든다. const vals = require('./const.js'); const { Pool, Client } = require('pg'); const client = new Client({ user: postgres, password: 비밀번호, host: 서버 주소, port: 5432, database: db이름 }); function GetTestData() { client.connect(); client.query('SELECT .. 2022. 1. 21. [javascript] 369게임 [코딩애플 강좌 中 과제한것 정리] 1. 3의 배수에만 박수를 치는 규칙일 경우 함수에 숫자를 넣어서 박수를 쳐야할지 말아야할 지 판단하는 기능을 구현했다. ex) 삼육구게임(3)을 입력하면 3%3 == 0 이 되므로 콘솔창에 "박수"가 뜨면 된다. function 삼육구게임(num){ if(num % 3 == 0){ console.log("박수"); }else{ console.log("통과"); } } 2. 9의 배수에서는 박수를 두번 치는 규칙일 경우 나의 풀이) And연산자로 조건을 지정했다. 3의 배수이면서 9의 배수일 경우를 동시에 만족할 때는 3의 배수이기만 한 숫자와 구분될 수 있기 때문이다. ex) 삼육구게임(27)는 3의 배수이면서 9의 배수이기 때문에 "박수x2"를 출력하고 삼육구게임(.. 2021. 12. 5. javascript의 자료형 1. primitive 타입 자료형 boolean null undefined Number String 2. object 타입 자료형 reference타입이라고도 함 배열 함수 사용자 정의 클래스 2021. 11. 30. [jQuery] 제이쿼리 값 변경 - text(), html() 1. text() 텍스트만 변경하는 함수 html 원래 있던 텍스트 javascript $('.클래스명').text('바꾸고싶은내용'); 2. html() 태그를 불러오는 함수 html 원래내용 javascript $('.클래스명').html('바꿀내용'); 참고사이트 : https://www.everdevel.com/jQuery/text-html/ 2021. 11. 20. 이전 1 2 다음
