본문 바로가기
[JS.개발일지] 8. 자바스크립트 5(상속) 상속객체들간에 관계를 구축하는 방법 부모클래스는 User이고 자식은 Student, Teacher 이다. 자식은 상속받을때 extends라고 손을 뻗어야 부모로부터 상속받을 수 있다.  부모를 호출할때 super를 사용한다. 생성자뿐만 아니라 함수를 호출 할수도 있다.   객체를 생성하는 방법 3가지불변객체 (immutable Object ) 정의하기1) preventExtension : 객체가 추가되는것을 막는다. (수정하고 삭제는 가능)2) seal : 객체의 구조가 봉인된다. (수정만 가능)3) freezed : 객체를 완전 얼려버려 아무것도 할 수 없도록 한다.  :: 참고로 해당 명령어를 실행하면 다시 원래대로 되돌릴수는 없다. 객체를 복사해서 수정해야함. 2025. 1. 11.
AI 관련뉴스 정리 25.01.06 구글 AI 스튜디오를 무료로 사용해볼 수 있음.아래 링크를 통해 간단한것들을 배워보자. 정말 자비스같은 녀석이왔다.  https://www.youtube.com/watch?v=N_JUlD3f40I  MS에서 800억 달러를 데이터센터를 짓는데 사용하겠다는 로드맵을 발표. 2025. 1. 7.
[JS.개발일지] 7. 자바스크립트 4(class) 이제 클래스를 공부해보자. getter와 setter. 외부에서 내부필드에 직접 접근하지 못하도록 하고 오직 getter와 setter를 통해서만 데이터에 접근하고 수정할 수 있도록 한다. (보안성을 높일 수 있다는 장점이 있음)이것을 통해 '유효성검사, 로그기록, 변경이력추적' 등의 다양한 로직을 구현 할 수 있다고 하는데일단 기본적인것들만 우선 테스트 해보자.  위 코드에서 몸무게는 출력되지 않는다. #을써서 private속성을 줬기 때문인데 get을 써야만 해당 속성값을 가져올 수 있다!  static 메서드클래스 인스턴스에 의존하지 않고클래스 이름을 통해 직접적으로 호출이 가능하다.  static 메서드를 사용하는 이유1. 객체 생성의 유연성 - 동일한 클래스라도 다양한 입력방식으로 객체 생성 가.. 2025. 1. 4.
[JS.개발일지] 6. 자바스크립트 3-2(배열메서드) 배열 메서드1. map() : 배열의 각 요소에 (괄호)안에 있는 함수를 실행시켜서 새 배열로 반환. 이렇게 {return num * 2} 리턴문을 써도 되지만 수식이 단순할때는 생략해서 num * 2로 표현한다.  내가 지정한 값만 변경해서 반환하기도 가능 이렇게 ...(스프레드연산자)를 이용해 기존 객체를 수정하지않고 새로운 객체 2배수로 반환한다.({...item, 속성: 새로운 값})  2. filter() : 조건을 만족한 요소들만 새 배열로 반환 다음은 소수를 필터링하는 재미있는 예제다. (소수, 자신과 1외에는 나누어 떨어지지 않는 수) 소수를 구하는 함수를 필터메서드 안에 대입시키면 소수를 구할 수 있다! 3. reduce() : 배열의 모든 요소를 하나로 줄인다는 뜻.배열을 순회하며, .. 2024. 12. 30.
[JS.개발일지] 5. 자바스크립트 3-1(변수와객체) 변수와 객체의 차이!Primitive 의 값이 변경되는것과 Object의 주소가 변경되는것의 차이. 변수(스트링, 넘버,불리언,널, 언디파인, 심볼)에 값이 변경되는것은 메모리의 값이 직접 변경되는것이고객체 {객체, 배열, 함수} 에 key:valul가 변경되는것은 주소가 변경되는것이기 때문에 관련된 객체들은 모두 그 주소를 참고하게 된다.   항목Primitive 값Object 값저장위치스택(Stack)힙(Heap)에 객체, 스택에 참조값.저장내용값 자체를 저장참조값 (메모리주소)저장크기고정크기가변크기속도빠른편느린편독립성값 복사시 독립적참조값 복사시 동일 객체 참조  사칙연산중에 %(나머지)를 활용하는 다양한 예시! 1) 홀짝 만들기  2) 배열 순환시키기 3) 순환을 이용해서 특정 n 번째만 실행시.. 2024. 12. 25.
[JS.개발일지] 4. 자바스크립트 2(객체와 콜백) 객체의 비구조화 할당매개변수를 할당하는 재미있는 방법.{} 를 활용하면 객체의 특정 키값을 찾아서 할당해준다. name, age, hobby 등 변수를 선언 할때도 비구조화 할당을 사용할 수 있다.    바로 실행되는 함수 (constructor 안에서 함수 실행) 와내가 호출 시키는 함수를 비교해봤다.  1. 바로 호출하기2. 특정시점에 호출하기전원켜주면 poweron 하고행동하게 하면 집을 청소하는 로봇 ---------------- 1초당 1번씩 짖는 강아지를 코딩하는데 실수를 했다!. 둘다 5초동안 1초에 1번씩 짖으라고 했지만 첫번째 강아지는 4번만 짖었다! 오마이갓!  첫번째 강아지. 5번째 짖는 동시에 클리어되버리는 이슈 ㅠㅠ. 물론 5001 이라는 숫자를 쓰면 되겠지만다른 방법으로 5번 짖.. 2024. 12. 20.
[JS.개발일지] 3. 자바스크립트 1(복습) 유데미 강좌를 듣다가 기본에 충실해야겠다는 생각이 들었다.  옛날 생각하면서 자바스크립트 복습!  객체와 배열 배열을 돌리는 방법 (for문과 화살표함수) 콜백함수 실행하기 (함수안에 함수를 실행하기)  (화살표함수의 this 사용 사례1) 3초짜리 타이머 만들기 (화살표함수의 this 사용사례2) 1초후에 내이름(heesangs) 부르기 3초 후에 내 이름 부르기. 2024. 12. 18.
AI 관련뉴스 정리 24.12.07 오픈AI 마이크로소프트와 AGI 관련 조항 수정.(현. AGI 를 개발할 경우 해당 기술에 대한 권한이 없음)오픈AI는 이 조항을 삭제해 마소가 AGI를 기술 접근 및 투자를 할 수 있도록 하려는 계획을 검토중. 상업적 오용방지하고 비영리 이사회가 AGI소유권을 유지하기 위한 것이었음. 오픈AI는 마소의 투자가 절실한가 봄. AI 방위산업 진출오픈AI : 엔두릴이라는 방위산업 스타트업과 협력하여 드론 방어 시스템에 AI 기술을 적용할 예정. 앤트로픽 : 팔란티어와 협력하여 미국 정보 및 방위 당국에 AI 기술 제공.메타 : 자사의 AI 모델(RAMDA) 모델을 당국에 제공. 엔비디아 반독점법현 엔비디아 84% 독점중. - 960억 달러 이상의 매출AMD 45억 > 애플30억 > 퀄컴10억 > 인텔 5억.. 2024. 12. 7.
AI로 인한 디자이너의 직군 변화 디자이너 직군은 어떻게 변하게 될까? 디자인 직군은 AI의 발전으로 급격한 변화의 시기를 맞이하고 있다.각각의 세부 직군에서 AI의 역할이 확장됨에 따라 디자이너의 역할과 핵심 역량도 함께 변하고 있다. UX 리서처사용자 인터뷰와 같은 조사 과정 초안을 AI가 대체할 가능성이 있다. AI 모델은 인터뷰 대본을 러프하게 생성하거나, 실제 유저로 부터 수집된 인터뷰 데이터를 요약하여 리서처가 빠르게 통찰을 도출하는 데 기여할 수 있다. 리서처는 더 깊은 인사이트와 데이터 분석에 집중할 수 있도록 도울 것이다. UX 디자이너사용자 경험 분석에 더 주력하게 된다. AI가 기본적인 사용자 흐름과 문제점을 발견하는 역할을 맡는다면, 디자이너는 보다 복잡한 사용자 시나리오와 전체적인 경험의 최적화에 집중할 가능성이 .. 2024. 11. 12.

티스토리툴바