분류 전체보기
-
[JavaScript] `==`, `===` (Feat. 값에 의한 참조, 주소에 의한 참조?)IT Study/FE 2023. 10. 10. 14:08
안녕하세요. Three입니다. Java를 공부할 때, equals(), `=`, `==` 를 비교하고 그 개념을 기억하고 있었는데요. [Java] String 클래스의 equals(), ==, = 의 차이점 String 클래스에서 사용하는 equals와 ==, = 의 차이점에 대해 알아보도록 하겠습니다. equals( ) 메서드 두 개의 객체가 서로 내용이 같은지 비교합니다. 즉, 주소값이 아닌 문자열 자체의 내용이 같은 1-three.tistory.com 그러나 자바스크립트를 공부하며 자바에서의 개념과 많이 헷갈리게 되더라고요... ⭐️ 그래서 ⭐️ 자바스크립트의 `=`, `==`, `===` 의 차이에 대해 공부해보려고 합니다. 이번 글을 통해 `=`, `==`, `===` 차이를 명확히 알아보도록 ..
-
[JavaScript] null, undefined, NaN 완벽 정복IT Study/FE 2023. 10. 5. 14:57
null, undefined, NaN에 대해 완벽히 정복해 보겠습니다. (ㅋ_ㅋ) 🌟 Point null과 undefined는 값인 동시에 데이터 유형입니다. 1. undefined undefined는 초기화되지 않은 변수의 기본 값으로, 변수를 선언하고 =(등호)로 값을 할당하지 않을 경우 이 변수는 undefined가 됩니다. 또 undefined는 배열에서 생성되지 않은 인덱스로 접근하려 했을 때 뜨기도 하는데요, 아직 없는 요소에 접근하려고 했기 때문에 undefined를 반환합니다. 즉, undefined는 아무것도 없음을 나타내는 값이죠. 또 undefined는 데이터 유형이기도 하는데요, 숫자와 문자열이 데이터 유형인 것처럼 undefined 또한 데이터 유형입니다. 그러나 undefined..
-
[TypeScript] 타입 스크립트 헷갈리는 기초 문법IT Study/컴퓨터 기초 2023. 10. 3. 13:39
"[위키북스] 타입스크립트, 리액트, Next.js로 배우는 실전 웹 애플리케이션 개발" 책을 통해 TS, Next.js를 공부하고 있습니다. 1. 옵셔널 인수 (생략 가능, 인수명 뒤 ? 붙이기) function sayHello(name: string, greeting?: string): string { return `${greeting}, ${name}`; } console.log(sayHello("Three")); // 출력 : undefined, Three console.log(sayHello("스리", "안녕")); // 출력 : 안녕, 스리 2. 인수의 기본값 지정 (=) function sayHello(name: string, greeting: string = "안녕"): string { r..
-
[JavaScript] 변수 섀도잉IT Study/FE 2023. 10. 2. 13:28
이번 글에서는 자바 스크립트의 변수 섀도잉에 대해 깊게 파헤쳐보겠습니다 :) 🎨 예시 코드로 시작하기 let userName = "max"; function greetUser(name) { // 함수 내부에서의 userName이 매개변수 name으로 섀도잉 let userName = name; alert(userName); } // 전역 범위에서의 userName을 "Manu"로 변경 userName = "Manu"; // 함수 호출, 알림창에는 "Max"가 표시 greetUser("Max"); // 전역 범위의 userName을 출력, 콘솔에는 "Manu"가 출력 console.log(userName); 함수 내부에서 선언된 변수(userName)는 외부 변수(userName)와 이름이 같더라도 서로 ..
-
[CS] 신입 개발자 기술면접 질문 - 자료구조 편IT Study/컴퓨터 기초 2023. 9. 29. 14:02
기술면접 질문 "자료구조 편" 시작합니다 :) ! 시간 복잡도는 알고리즘에서 더 자세히 다루겠습니다. (ㅎㅎ) 0. 시간 복잡도가 무엇인가요? 시간 복잡도는 입력한 데이터의 크기에 따라 실행 시간이 어떻게 증가하는지를 설명하는 개념입니다. *빅오 표기법 O(1) 상수 시간 복잡도 입력 크기 무관하게 일정한 실행 시간 O(log n) 로그 시간 복잡도 입력 크기에 따라 로그 정도로 증가하는 실행 시간 O(n) 선형 시간 복잡도 입력 크기에 비례하여 증가하는 실행 시간 O(n^2) 제곱 시간 복잡도 입력 크기에 제곱에 비례하여 증가하는 실행 시간 1. 선형 자료구조에 대해 아는 대로 설명해 주세요. 선형 자료구조란 데이터를 일렬로 나열한 구조로, 주로 배열과 연결 리스트가 대표적인 선형 자료구조로 사용됩니다..
-
[CSS3] ID 셀렉터와 클래스 셀렉터를 구분하여 사용하는 이유는?IT Study/FE 2023. 9. 28. 11:31
HTML5부터 시작하여 CSS3 등의 개념을 다시 읽어보는 와중에 "ID 셀렉터와 클래스 셀렉터" 파트가 나왔습니다. 왜 이들을 구분하여 사용할까요 ? id와 클래스가 사용되는 이유를 다시 떠올리면 알 수 있을 것 같은데요, 그 이유에 대해 정확히 알아봅시다. ✏️ 1. 원하는 요소를 정확하게 선택하기 위해서 구분하여 사용합니다. ID 셀렉터(#) id는 문서 내에 고유한 식별자여야 하므로, 특정 요소 하나만들 정확하게 선택하는 데에 사용됩니다. 하나의 웹 페이지에 동일한 id를 가진 요소는 오직 하나만 존재합니다. 따라서 ID 셀렉터를 통해 특정 요소를 정확하게 선택할 수 있습니다. 클래스 셀렉터(.) 클래스는 하나 이상의 요소에 동일한 스타일을 적용하기 위해 사용합니다. 여러 요소를 선택하고 스타일을..
-
[취업 스터디] `조쓸이` 모의 면접 - 네트워크 편Daily/조쓸이 모임 2023. 9. 25. 14:08
🍟 모의 면접 - 네트워크 편 2023.09.25. (월) 네트워크 모의 면접을 진행했습니다. 2대 1(질문자 2, 면접자 1) 형식으로 한 주간 공부해 온 네트워크 전반에 대해 질의응답하는 형식으로 진행했습니다. 서로에게 한 질문에 대해 공유하고자 합니다. 📖 모의 면접 과정 > 1번 면접자 : 이OO 질문 1. HTTPS에 대해 설명해 보세요. 2. 4-way handshake에 대해 설명해 보세요. 3. TCP-UDP 차이에 대해 설명해 보세요. 4. 네이버 개인정보 입력 시, 암호화 방식에 대해 설명해 보세요. 5. 도메인 주소 작성 시 일어나는 과정에 대해 설명해 보세요. 6. RESTful API에 대해 개념과 함께 사용해 본 경험에 대해 설명해 주세요. 피드백 대칭키 암호화의 과정(개념)에 ..
-
[취업 스터디] 네이버클라우드 캠프 5기 종료와 함께 조쓸이 스터디 시작Daily/조쓸이 모임 2023. 9. 20. 16:26
👋🏻 네이버클라우드 캠프 수료 지난 3월부터 시작했던 네이버클라우드 캠프 5기를 마무리하였습니다. 6개월 간 정말 많이 성장하고 배운 것이 많았던 과정이었습니다. "사이다 콜라", 시각장애인이 사이다와 콜라를 구분해서 물건을 쉽게 구매할 수 있는 서비스를 만드는 건 어떨까? 라는 아이디어로 시작한 eye(I)쇼핑 프로젝트. 이를 통해 해커톤, 창업경진대회를 나가 상을 받고, 아이디어를 확장시켜 범정부 대회에 출전하게 되었습니다. (가끔은 힘들어하기도 울기도 했지만 팀원들과 밤을 새며 최선을 다했기에, 프로젝트를 마무리했을 때 그리고 상을 받았을 때 행복해하고 뿌듯해하던 기억이 나네요.) 또한 저는 약 4년간 수학 학원에서 아르바이트를 했는데요. 이때 학부모나 학생과 실시간 소통을 위해 카카오톡, 비대면 ..