본문 바로가기 메뉴 바로가기

공부 기록일지📚

프로필사진
  • 글쓰기
  • 관리
  • 태그
  • 방명록
  • RSS

공부 기록일지📚

검색하기 폼
  • 분류 전체보기 (387)
    • Frontend (278)
      • CSS, HTML (50)
      • CSS 프레임워크 (5)
      • JavaScript (114)
      • TypeScript (22)
      • react.js (49)
      • Next.js (9)
      • jQuery (8)
      • WIL😎 (20)
    • 코딩테스트 (27)
      • 알고리즘 & 자료구조 개념 (18)
      • 연습문제 (9)
    • 프로그래밍 (77)
      • Node.js (6)
      • Python (3)
      • 유용한 사이트 | 정보 (16)
      • Git, Github (24)
      • 정리하지 못한 내용 (3)
      • CS 지식 (25)
    • private (1)
      • interest (0)
      • 자격증 (1)
  • 방명록

Frontend (278)
[JavaScript] 논리 연산자 심화

자바스크립트에는 3종류의 논리 연산자가 있음 ||(OR), &&(AND), !(NOT) 논리 연산자는 피연산자로 boolean형뿐만 아니라 모든 타입의 값을 받을 수 있다. 연산 결과 역시 모든 타입이 될 수 있음! 🍕 || (OR) -전통적인 프로그래밍에서 OR연산자는 불린값을 조작하는데 쓰인다. 인수 중 하나라도 true이면 true를 반환합니다. OR연산자는 이항 연산자이므로 아래와 같이 사용할 수 있습니다. alert( true || true ) // true ->피연산자가 모든 false인 경우를 제외하고 연산결과는 항상 true입니다. 피연산자가 불린형이 아니라면, 평가를 위해 불린형으로 변환됩니다. 예를 들어, 1 과 0은 연산과정에서 1은 true로 0은 false로 바뀝니다. if(1 |..

Frontend/JavaScript 2022. 4. 15. 19:47
[JavaScript | ES6 ] 루프와 반복 ( for ...in 문, for...of문 차이점)

루프는 어떤 것을 반복적으로 시행할 때 빠르고 간편한 방법을 제공합니다. 🍕반복문 (Loop) -다양한 종류가 있음 -기본적으로 하는 일은 모두 같다.(한 동작을 여러 번 반복, 0회 반복하는 것도 가능) 🍕JS가 지원하는 반복문 종류 for 문 do...while 문 while 문 레이블 문 break 문 continue 문 for...in 문 for...of 문 🍕for문(기본) for(변수 선언 초기값 설정; 조건문; 증감문){ 조건이 참인 동안 실행할 명령문(문장); } //for문 무한루프 for(;;){ 명령문 } for 반복문은 어떤 특정한 조건이 거짓으로 판별될 때까지 반복한다. // C의 반복문과 비슷 for문의 초기문; 조건문; 증감문 은 생략이 가능하며 생략할 경우 무한루프 ▶작동 원..

Frontend/JavaScript 2022. 4. 15. 17:48
[JavaScript] String(긴 문자열 리터럴, 문자에 접근하는 법, 문자열로 변환하는 법)

🍕String ? String 전역 객체는 문자열(문자의 나열)의 생성자이다. 문자열은 String 전역 객체를 직접 사용하여 생성할 수 있다. String(thing) // 매개변수 *thing: 문자열로 변환할 아무 값 ECMAScript 2015 이후(ES6), 문자열 리터럴은 소위 템플릿 리터럴(백틱을 통해 표현)이 될 수 있음 일부 다른 프로그래밍 언어와 달리, JS는 작은 따옴표 큰 따옴표 문자열을 구분하지 않음 🌞긴 문자열 리터럴 -작성한 코드가 매우 긴 문자열을 포함해야 하는 경우, 편집기의 재량에 따라 자동으로 줄을 넘기는 대신 직접 여러줄로 나누되 내용에는 영향을 주지 않을 수 방법 + 연산자 사용 -> 단순하게 "내용" + "내용" + "내용" 이렇게 더해주는 것 \(역슬래시) 사용 ..

Frontend/JavaScript 2022. 4. 14. 21:13
[JavaScript] 프로미스 개념, 활용 JavaScript Promise

🍕Promise란? Promise는 프로미스가 생성된 시점에는 알려지지 않았을 수도 있는 값을 위한 대리자로, 비동기 연산이 종료된 이후에 결과 값과 실패 사유를 처리하기 위한 처리기를 연결할 수 있습니다. 프로미스를 사용하면 비동기 메서드에서 마치 동기 메서드처럼 값을 반환할 수 있습니다. 다만 최종 결과를 반환하는 것이 아니고, 미래의 어떤 시점에 결과를 제공하겠다는 '약속'(프로미스)을 반환 ref : MDN -자바스크립트에서 제공하는 비동기를 간편하게 처리할 수 있도록 도와주는 내장 obj(객체) 이다. -비동기 적인 것을 수행할 때 콜백 함수 대신에 유용하게 사용할 수 있는 객체 -장시간의 기능을 수행하고 나서 정상적으로 기능이 수행됐다면 성공 메세지와 함께 처리된 결과값을 전달해주고 기능이 제..

Frontend/JavaScript 2022. 4. 11. 22:46
[JavaScript] 콜스택과 메모리힙 구조, 참조원리

보호되어 있는 글입니다.

보호글 2022. 4. 9. 19:33
[JavaScript | 드림코딩] JSON 개념과 활용방법 및 사이트

🍕HTTP(Hypertext Transfer Protocal) -클라이언트와 서버 사이의 통신 규약 -클라이언트는 서버에 request 할 수 있고 서버는 그 응답에 response 한다. 🍕AJAX (Asynchronous JavaScript And XML) -웹 페이지에서 동적으로 서버와 데이터를 주고받을 수 있는 기술 -자바스크립트를 이용해 서버와 브라우저가 비동기 방식으로 데이터를 교환할수 있는 통신 기능 XMLHttpRequest(XHR)객체: 브라우저 API에서 제공하는 obj중 하나로 해당 객체를 이용하면 간단하게 서버에 데이터를 주고받을 수 있음 fetch() API: XHR과 같은 기능을 하지만 최신버전의 API 단점이 있다면 IE에서 지원하지 않음! *비동기 방식? 웹페이지를 리로드하지..

Frontend/JavaScript 2022. 4. 8. 19:10
[JavaScript | 드림코딩] 객체(obj)

🍕객체? 자바스크립트 데이터 타입 중 하나 관련된 정보나 기능끼리 묶여있는 집합체 거의 모든 객체들이 JS의 Object 객체의 인스턴스이다. 즉, Object 객체가 최상위 객체라는 소리 객체는 key와 value의 집합체 🍕객체 생성방법 1. object literal syntax - {} 중괄호 사용해서 만드는 거 // 일반적인 방법 2. object constructor syntax - 생성자 함수 이용해서 만들기 3. ES6 ) new키워드와 함께 class를 통해 객체 만들기 JS의 class개념이 ES6에서 도입된 것을 보면 이전에는 생성자 함수(constructor)를 활용해서 객체를 만들었다는 것 즉, 클래스의 개념이 도입되기 전에는 함수로 객체를 만들었다. 🍕computed proper..

Frontend/JavaScript 2022. 4. 6. 21:07
[JavaScript | 드림코딩] 클래스와 오브젝트의 차이점, 객체지향 언어 클래스 정리

클래스란 연관있는 데이터들을 한 곳에 묶어놓은 컨테이너 역할을 한다. class Person{ name; age; // 이름과 나이와 같은 것들은 '속성' field 필드 라고 함 speak(); // 말하기와 같은 '행동'은 method 라고 합니다. } -> 클래스( fields + methods ) // 변수 + 함수 간혹 메소드는 들어있지 않고 필드들만 있는 클래스가 있는데 그것을 데이터 클래스 라고 부릅니다. 내부적으로 보일 수 있는 변수와 밖에서 보이는 변수를 나눠서 캡슐화(Encapsulation) 제공 또한 클래스를 통해서 상속 다형성*이 일어날 수 있음 이런 모든 것을 가능한 곳이 객체지향언어이다. *다형성(polymorphism)이란 하나의 객체가 여러 가지 타입을 가질 수 있는 것을 ..

Frontend/JavaScript 2022. 4. 6. 19:23
이전 1 ··· 15 16 17 18 19 20 21 ··· 35 다음
이전 다음
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
TAG
  • grid flex
  • 원티드 FE 프리온보딩 챌린지
  • 틸드와 캐럿
  • getServerSideProps
  • 항해99프론트후기
  • 형제 요소 선택자
  • nvm 설치순서
  • reactAPI
  • 원티드 프리온보딩 FE 챌린지
  • 원티드 3월 프론트엔드 챌린지
  • fs모듈 넥스트
  • nvm경로 오류
  • 타입스크립트 DT
  • getStaticPaths
  • aspect-ratio
  • D 플래그
  • tilde caret
  • 항해99프론트
  • && 셸 명령어
  • 원티드 프리온보딩 프론트엔드 챌린지 3일차
  • Prittier
  • float 레이아웃
  • 항해99추천비추천
  • 프리렌더링확인법
  • ~ ^
  • 타입스크립트 장점
  • 프리온보딩 프론트엔드 챌린지 3월
  • text input pattern
  • 부트캠프항해
  • is()
more
«   2025/12   »
일 월 화 수 목 금 토
1 2 3 4 5 6
7 8 9 10 11 12 13
14 15 16 17 18 19 20
21 22 23 24 25 26 27
28 29 30 31
글 보관함

Blog is powered by Tistory / Designed by Tistory

티스토리툴바