안녕하세요. 좋아요요정입니다. 프로그래밍 언어에는 다양한 자료형이 존재합니다. 자료형은 크게 원시 타입(Primitive Data Type)과 참조 타입(Reference Data Type)으로 구분됩니다. 자바스크립트는 원시값( string, Number, Bigint, Booliean, Undefined, Symbol, Null )을 제외한 모든 것은 값의 메모리 주소를 참조하는 참조 타입의 객체로 이루어져 있습니다. 자바스크립트에 필수인 객체와 메서드가 무엇인지, 프로퍼티가 무엇이고 또 어떻게 사용하는지 알아보겠습니다. 객체 객체란? const cat = { name : 'cookie', color : '삼색이', age : 2, } 객체(Object)란 키와 값들을 그룹으로 묶은 데이터 모음입니다..
안녕하세요. 좋아요요정입니다! 우리가 열심히 자바스크립트 코드는 배우고 있는데, 코드가 어디에 저장되고, 어떻게 입출력이 되는가? 메모리는 어떻게 저장이 될까? 변수, 함수들은 어디에 저장이 되는지, 어떻게 실행이 되는지 이해하기 위해서 컴퓨터 구조에 대해 먼저 살펴보겠습니다. 컴퓨터 구조 컴퓨터란? 고대의 컴퓨터 - Fixed Program Computer라는 컨셉을 적용 특정 목적을 위해 만들어진 컴퓨터로 추가적인 프로그래밍 적용이 불가능했었음. (예. 빠른 수학연산을 위한 계산기) - 컴퓨터에 프로그램 기능을 추가하거나, 수정하는 등의 작업은 할 수 없었음 현대의 컴퓨터 - Stored Program Computer는 다양한 작업을 위한 프로그래밍이 가능. 어플리케이션을 저장하여 실행할 수 있다는 ..
자료형 이해하기 원시 타입(Primitive Data Type) 고정된 공간에 보관된 원시 타입의 값. 변경이 불가능한 값, 불변값(Immutable Value) Number, Boolean, String, Symbol, null, undefined 참조 타입(Reference Data Type) 값의 메모리 주소를 참조 Object (키:값 형태로 이루어진 속성들의 집합, 내부에는 순서도 크기도 고정되어 있지 않음, 키는 반드시 String형) 자료형 확인하는 방법 typeof true/false로 반환 원시자료형과 객체형을 구분하기 위해 활용하는 것이 좋음. 사용법 : typeof str === 'string' 내장 객체 String, Number, Bollean, Function, 원시 자료형, n..
안녕하세요! 좋아요요정입니다. className을 두개 이상 사용하고 싶을 때, 조건 결과값에 맞게 출력하고 싶을 때 사용하는 패키지를 소개합니다. 결과 미리보기 💕 - 동일한 card 컴포넌트인데 상단 3개는 main 클래스를 적용함. - 설정된 클래스명이 있을 경우 적용됨 1. 설치하기 Yarn add classnames //혹은 npm i classnames - 사용할 프로젝트에 설치해주세요! 2. 간단한 사용 방법(git에 작성되어 있는 내용) import classNames from 'classnames'; ... classNames('foo', 'bar'); // => 'foo bar' classNames('foo', { bar: true }); // => 'foo bar' classNames..
안녕하세요! 코딩이 즐거운 좋아요요정입니다. 오늘은 재사용가능한 타이핑치는 효과 컴포넌트를 가지고 왔습니다. 포트폴리오를 만들면서 하나씩 정리해서 기록해보려고 합니다. :) (아잣아잣!) 오늘 소개하는 함수는 타이핑치는 효과 컴포넌트 입니다! 결과 미리보기💕 ① 인자값으로 test , speed, fontSIze, color를 받습니다. ② 기본값으로 speed = 100, fontSIze= 1em, color: 'black'을 가지고 있습니다. import React, { useState, useEffect } from 'react'; const TypingText = ({text, speed, fontSize, color}) => { TypingText.defaultProps = { fontSize:..
안녕하세요! 좋아요 요정입니다 추억의 가위바위보 메달교환기 게임을 구현했습니다 ㅎㅎ 귀여운 이모티콘 버전으로.... ~ (실행할 수 있게 등록하면 좋은데 방법을 찾아봐야겠어요..) 코드 import random return_num_list = [1,1,2,2,2,2,4,4,4,7,7,20] game_selection_list = ['가위', '바위', '보'] gameStatus = True count = 1 print(""" . 。+。☆゜*。゜。 。*゜゜+☆*+゜。*。 @。゜*゜。+。☆*@゜ ゜+。☆゜。*。@。+*゜ \゜*。゜。*゜*。+/ \*゜+ ∧,,∧ ./ \ (^ω^*) 가위바위보 게임 ◎⊂ ) 시-작! △し-J """) while gameStatus: print(f" ☆{count}번째 게임 ..
안녕하세요 좋아요요정입니다!⭐️ 오늘은 파이썬 공부 중 응용해본 내용을 기록해봅니다. 하나씩 쌓아가면서 표현하기 연습하고 있어요. 소통 대환영! 문자열 리버스 💕 문자열을 입력받으면 거꾸로 반환하는 함수 입력: 문자열 출력: 거꾸로된 문자열 def stringReverse(str) : strLen = len(str) new = "" for i in range(1, strLen+1): new +=str[strLen-i] return new ss = "산토끼꿀주먹" result = stringReverse(ss) print(result) 대문자 ↔ 소문자 변경 💕 영어를 입력받으면 대문자는 소문자로, 소문자는 대문자로 변경해 반환하는 함수 입력: 영어 출력: 대문자 소문자가 리버스된 영어 def alphaR..
안녕하세요. 좋아요요정입니다! :) ※ 파이썬 본격적으로 배우기 전, 친해지기 위해 이것저것 만지며 찾고 구현해보고 있습니다. 혹시 잘못된 사용이라면 자비로운 댓글 한번 부탁드립니다.. 파이썬에서 리스트 형태를 출력하고 싶어서 만들어본 포맷입니다. (굳이 왜?라고 물으신다면 그저,, 친해지고 싶어서... ) 기본 구조 from time import sleep import sys # 컬러 선언 **원하는 컬러코드를 입력하세요 resetColor = '\033[0m' pinkColor = '\033[91m' # 리스트 형태 포맷 def listItem_Formet(list, title, bullet = '-'): titleFormet = pinkColor + title + resetColor # **제목부분..
안녕하세요! 좋아요 요정입니다 :) ※ 파이썬 본격적으로 배우기 전, 친해지기 위해 이것저것 만지며 찾고 구현해보고 있습니다. 혹시 잘못된 사용이라면 자비로운 댓글 한번 부탁드립니다.. print("")를 이용하면 빠르게 단번에 출력되는 결과값을 볼 수 있습니다. 타이핑치는 효과를 주고 싶다는 생각으로 찾아봤습니다. + 스택오버플로우의 토론을 참조. https://stackoverflow.com/questions/20302331/typing-effect-in-python 기본 구조 from time import sleep import sys # 타이핑치는 효과 def typing_Ani(text, speed): //text와 speed를 인자로 받습니다. string = text; for letter i..
안녕하세요. 좋아요요정입니다! JavaScript Date형식 변경하는 함수 공유합니다. (YYYY/MM/DD, YYYY년MM월 등등..) 기본구조 const getFormatDate = (date) => { const year = date.getFullYear(); const month = (1 + date.getMonth()); const day = date.getDate(); return `${year}년 ${month}월 ${day}일 `; //Template literals 이용 } 1. 원하는 날짜를 인자로 받은 뒤 2. year, month, day 를 각각 저장하고 3. 원하는 형식으로 return해주는 함수입니다. Template literals? >>>MDN 사이트링크 포함합니다 htt..
- Total
- Today
- Yesterday
- 면접대비
- JS
- 프로그래머스
- 메서드
- 생성자함수
- 팀러버덕
- 자바스크립트
- 선언
- 함수
- 파이썬
- react
- 스터디
- 프로퍼티
- 프로토타입
- SET
- 스택
- Prototype
- 타이핑효과
- Python
- 프론트엔드
- this
- JavaScript
- 타이핑
- 면접
- 상속
- 객체
- 코딩테스트
- 복제
- Call
- 리액트
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |