버튼 클릭시 스크롤 맨 위로 이동

프로젝트를 진행하면서 위로가기 버튼을 구현하게 되어서 해당 기능에 대해 공부를 해보았다.  코드HTML 스크롤 내려갑니다.스크롤 내려갑니다.위로가기CSS .header { background-color: green; width: 100%; height: 50px; } .main { width: 100%; height: 2000px; font-size: 50px; } .scroll-top-btn { position: fixed; bottom: 40px; right: 40px; width: 100px; height: 50px; }Javascript document .getElementById("scroll-top-btn") ..

• format_list_bulleted Javascript
• · 2024. 7. 16.
• textsms

내일배움캠프 스타트

내가 React 트랙에 참여한 계기는 무엇인가요?🗣 프론트엔드를 제대로 공부해보고싶고, 멋진 프로젝트를 만들고싶어서 신청하였다. 내가 이해한 개발자는 어떤 역할을 하는 사람인가요?🗣 어떤 문제를 기술적으로 해결하려고 할 때, 적합한 방법을 찾고 해결하는 사람  개발을 경험해보셨나요? 해보셨다면 어떤 경험을 하셨는지를 작성해주시고, 아니라면 개발에 대해 찾아본 것을 작성해주세요.🗣 백엔드 개발자로 근무한 경험이 있다. 개발자의 역할을 수행하는 데에 있어 나의 강점과 연관된 부분은 무엇이라고 생각하나요? 혹은 보완, 개선하고 싶은 개인 역량이 있나요?🗣 항상 새로운 것을 배우는 것을 좋아한다. 그리고 어떤 것을 해결하기 위해 찾아보고 탐구해보는 것을 재밌어한다. 본 코스 수료 후, 어떤 개발자로 성장..

• format_list_bulleted ✏️ 끄적끄적
• · 2024. 7. 15.
• textsms

[프로그래머스] 두 수의 차

문제https://school.programmers.co.kr/learn/courses/30/lessons/120803?language=javascript 프로그래머스코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요.programmers.co.kr 코드function solution(num1, num2) { return num1 - num2;} 시간복잡도num1 과 num2 을 빼는 연산은 상수 시간을 소요한다. 따라서 시간복잡도는 O(1)이다. 즉, 입력 크기와 관계없이 일정한 시간이 소요된다.해당 코드에서는 두 개의 숫자를 입력받고, 두 숫자에 대한 단순 뺄셈 연산만 실행한다. 따라서 입력되는 ..

• format_list_bulleted 알고리즘 | 문제풀이
• · 2024. 6. 5.
• textsms

[Javascript] 변수 선언 시 메모리 할당 과정

let title = "어린왕자";위와 같이 변수가 할당됐을 때, 메모리에 어떤 과정을 통해 저장이 되는지 알아보았다. 변수 선언 및 메모리 할당 과정1. 변수 선언 let 키워드로 title 변수 선언한다.자바스크립트 엔진은 title 변수를 메모리의 특정 위치에 저장한다.이 시점에 변수는 undefined 로 초기화된다! 😄2. 메모리 할당"어린왕자" 를 별도의 메모리 영역에 저장한다.그 메모리는 힙(Heap) 영역!3. 변수 값 할당title 변수에 "어린왕자" 문자열의 메모리 주소를 할당한다.위의 과정을 통해 드디어..! title 변수는 힙 영역에 저장된 문자열 "어린왕자"를 가리키게 된다. 메모리 구조스택(Stack) 메모리변수 title 의 선언과 초기화가 스택 메모리에 저장한다.* 참고로..

• format_list_bulleted Javascript
• · 2024. 4. 27.
• textsms

html css 기본 용어

HTML CSS

• format_list_bulleted HTML&CSS
• · 2024. 4. 8.
• textsms