profile
프론트엔드 개발자 이아현입니다 :)
post-thumbnail

[FY:UM] 커서를 따라다니는 텍스트 만들기

커서를 따라다니는 텍스트 만들기

2023년 9월 19일
·
0개의 댓글
·
post-thumbnail

[모던자바스크립트] 22. this

파이썬에서도 this는 정말 유의해서 써야한다고 배웠다. 자바스크립트에서는 this가 무엇을 가리키는지 정리해보고자 한다!자신이 속한 객체 또는 자신이 생성할 인스턴스를 가리키는 자기 참조 변수this를 통해 자신이 속한 객체 또는 자신이 생성할 인스턴스의 프로퍼티나

2023년 9월 19일
·
0개의 댓글
·
post-thumbnail

[모던자바스크립트] 21. 빌트인 객체

표준 빌트인 객체 : 애플리케이션 전역의 공통 기능을 제공호스트 객체 : 자바스크립트 실행 환경에서 추가로 제공하는 객체사용자 정의 객체 : 사용자가 직접 정의한 객체자바스크립트는 40여 개의 표준 빌트인 객체를 제공Math, Reflect, JSON을 제외한 표준 빌

2023년 9월 13일
·
0개의 댓글
·
post-thumbnail

[CS] 1단원 총정리

프로그램을 설계할 때 발생했던 문제점들을 객체 간의 상호 관계 등을 이용하여 해결할 수 있도록 하나의 ‘규약’ 형태로 만들어 놓은 것(생성자 패턴) 하나의 클래스에 오직 하나의 인스턴스만 가지는 패턴(생성자 패턴) 객체 생성 부분을 떼어내 추상화한 패턴상속 관계에 있는

2023년 9월 12일
·
0개의 댓글
·
post-thumbnail

[CS] 2.5 HTTP

HTTP는 애플리케이션 계층으로서 웹 서비스 통신에 사용기본적으로 연결당 하나의 요청을 처리하도록 설계RTT (Round Trip Time : 패킷이 목적지에 도달 후 다시 출발지로 돌아오기까지 걸리는 시간)가 증가하는 단점이 있음RTT 증가에 대한 해결 방법이미지 스

2023년 9월 12일
·
0개의 댓글
·
post-thumbnail

[프로그래머스] 기능개발

알고리즘 문제를 꾸준하게 푸는게 정말 너무 어렵다ㅜㅜ 알고리즘이 약하다보니 계속 피하게 되는데 오늘부터는 진짜 멱살잡고서라도 한 문제씩 꼭 풀어나가야지!!오늘 푼 문제는 기능개발 문제로 "QUEUE"를 이용해서 푸는 문제였다. 자바스크립트에서는 shift()를 이용해

2023년 9월 8일
·
0개의 댓글
·
post-thumbnail

[CS] 2.4 IP주소

네트워크는 여러 개의 네트워크 기기를 기반으로 구축IP주소로부터 MAC 주소를 구하는 IP와 MAC 주소의 다리 역할을 하는 프로토콜ARP를 통해 가상 주소인 IP 주소를 실제 주소인 MAC 주소로 변환RARP를 통해 실제 주소인 MAC 주소를 가상 주소인 IP 주소로

2023년 9월 6일
·
0개의 댓글
·
post-thumbnail

[CS] 2.3 네트워크 기기

네트워크는 여러 개의 네트워크 기기를 기반으로 구축애플리케이션 계층 : L7 스위치인터넷 계층 : 라우터, L3 스위치데이터 링크 계층 : L2 스위치, 브리지물리 계층 : NIC, 리피터, APL7 스위치스위치 : 여러 장비를 연결하고 데이터 통신을 중재하며 목적지가

2023년 9월 6일
·
0개의 댓글
·
post-thumbnail

[CS] 2.2 TCP/IP 4계층 모델

TCP/IP 계층 모델은 네트워크에서 사용되는 통신 프로토콜의 집합으로 계층들은 프로토콜의 네트워킹 범위에 따라 네 개의 추상화 계층으로 구성애플리케이션 계층FTP, HTTP, SSH, SMTP, DNS 등 응용 프로그램이 사용되는 프로토콜 계층웹 서비스, 이메일 등

2023년 9월 6일
·
0개의 댓글
·
post-thumbnail

[CS] 2.1 네트워크의 기초

네트워크 : 노드(네트워크 장치)와 링크(유선 or 무선)가 서로 연결되어 있으며 리소스를 공유하는 집합좋은 네트워크의 기준많은 처리량을 처리지연시간이 짧음장애 빈도가 적음좋은 보안을 갖춤처리량 : 링크 내에서 성공적으로 전달된 데이터의 양많은 트래픽을 처리한다 = 많

2023년 9월 6일
·
0개의 댓글
·
post-thumbnail

[프로그래머스] 올바른 괄호

자바스크립트 강의를 통해서 풀어봤지만, 예제가 몇 개 없어서 내가 푼 방법이 확실한지 알 수가 없었다. 그래서 프로그래머스에 있는 똑같은 문제를 다시 풀어봤다.일단 javascript 코드에서는 if (stack)이 통하지 않는다... => 정확성 2, 6번 통과안됨파

2023년 9월 5일
·
0개의 댓글
·
post-thumbnail

[모던자바스크립트] 20. strict mode

자바스크립트 언어의 문법을 좀 더 엄격히 적용하여 오류를 발생시킬 가능성이 높거나 자바스크립트 엔진의 최적화 작업에 문제를 일으킬 수 있는 코드에 대해 명시적인 에러를 발생시킴ESLint 린트 도구는 정적 분석 기능을 통해 소스코드를 실행하기 전에 소스코드를 스캔하여

2023년 9월 5일
·
0개의 댓글
·
post-thumbnail

[바닐라자바스크립트] Menu slider modal - html

이번 프로젝트에서는 웹페이지에서 흔히 볼 수 있는 메뉴 모달창을 만드는 실습을 진행해보고자 한다!lorem해당 코드를 통해서 무작위로 원하는만큼 문자열을 뽑아낼 수 있다!

2023년 8월 22일
·
0개의 댓글
·
post-thumbnail

[바닐라자바스크립트] DOM Array Methods - javascript

https://randomuser.me/api를 통해 랜덤 유저의 정보를 가져오는 코드async await를 이용해서 구현newUser객체를 생성해서 data배열에 추가하기생성된 newUser객체를 data배열에 추가하는 메서드새로운 객체가 생성되거나, 정렬하

2023년 8월 21일
·
0개의 댓글
·

[모던자바스크립트] 19. 프로토타입 - 1

🐣 Intro 자바스크립트는 명령형, 함수형, 프로토타입 기반 객체지향 프로그래밍을 지원하는 멀티 패러다임 프로그래밍 언어 자바스크립트를 이루고 있는 거의 "모든 것"이 객체 ✅ 객체지향 프로그래밍 객체의 집합으로 프로그램을 표현하려는 프로그래밍 패러다임 실세계

2023년 8월 21일
·
0개의 댓글
·
post-thumbnail

[프로그래머스] 기능개발

출처 프로그래머스 - 기능개발프로그래머스 팀에서는 기능 개선 작업을 수행 중입니다. 각 기능은 진도가 100%일 때 서비스에 반영할 수 있습니다. 또, 각 기능의 개발속도는 모두 다르기 때문에 뒤에 있는 기능이 앞에 있는 기능보다 먼저 개발될 수 있고, 이때 뒤에 있는

2023년 8월 18일
·
0개의 댓글
·
post-thumbnail

[바닐라자바스크립트] DOM Array Methods - html, css

버튼을 통해 데이터들을 조작할 수 있는 미니 프로젝트를 구현해보기!ADD USERDOUBLE MONEYSHOW ONLY MILLIONAIRESSORT BY RICHESTCALCULATE WEALTH데이터는 API를 통해 끌어오기!이번 프로젝트 공부하면서 HTML, CS

2023년 8월 18일
·
1개의 댓글
·
post-thumbnail

[모던자바스크립트] 18. 함수와 일급객체

다음의 조건을 만족하는 것을 일급 객체라고 한다.무명의 리터럴로 생성할 수 있다. 즉, 런타임에 생성이 가능하다.변수나 자료구조(객체, 배열 등)에 저장할 수 있다.함수의 매개변수에 전달할 수 있다.함수의 반환값으로 사용할 수 있다. 함수가 일급객체라는 것은 함수를 객

2023년 8월 18일
·
0개의 댓글
·
post-thumbnail

[바닐라자바스크립트] exchange rate calculator - javascript

이번 프로젝트에서는 외부 api를 가져와서 환율을 계산하는 방법을 사용했다.기존 강의에서는 fetch를 사용하는 방법을 알려주었다. axios라이브러리는 사용해봤는데 fetch는 처음 사용해보아서 fetch와 axios도 정리해보고자 한다.fetch는 웹 브라우저와 N

2023년 8월 16일
·
0개의 댓글
·
post-thumbnail

[모던자바스크립트] 17. 생성자 함수에 의한 객체 생성

객체 리터럴에 의한 객체 생성 방식이 가장 일반적이고 간단한 객체 생성 방식그 외에도 생성자 함수를 통해 객체를 생성할 수 있다!new 연산자와 함께 Object 생성자 함수를 호출하면 빈 객체를 생성하여 반환생성자 함수 : new연산자와 함께 호출하여 객체(인스턴스)

2023년 8월 16일
·
0개의 댓글
·