감귤밭 호지차 농장

🦄 너무너무 히므드민다. 🍀 오늘의 날짜 : 23년 03월 03일 🍀 오늘의 주제 : ES6 주요 문법 개요 spread/rest 문법 구조 분해 (destructing) 화살표 함수 (arrow function ) 🌷햇깔렸던 부분들 + TIP🌷 #배열과 짱친 spread문법 [ ... ] 배열을 풀어서 인자로 전달하거나 각각의 요소로 넣을 때 사용합니다. # 배열 합치기 # 배열 복사 # 객체에서 사용 # 함수에서 나머지 파라미터 받아오기 " 💡spread는 원본 배열 해치지 않아요~! " rest 문법 [ ... ] 파라미터를 배열의 형태로 받아서 사용할 수 있습니다. 제가 이해한 것은 받은 파라미터를 찢어버리는 느낌입니다. (객체 / 배열 동일하게 작동 ) 🔖 reduce( ) 배열과 화살표 함수와..

🦄 03월 02일 배운 수업에 이어 스코프와 클로저를 공부해봅니다. ➡️ [230302] 코드스테이츠 부트캠프 : 참조 자료형과 원시 자료형 (1탄) 🌷햇깔렸던 부분들 + TIP🌷 💠스코프 (SCOPE) = 변수에 접근할 수 있는 범위 Ex. 함수 안 : 안쪽 스코프 / 함수 밖 : 바깥쪽 스코프 [예시 1] # Error가 발생한 두 번째 출력 문( firstName ) : 함수 안쪽 스코프에서 정의 → 함수 밖에서 접근 불가 [예시2] # 함수 안( IN )의 출력 문 : 변수 message가 " 함수 안 " 에서 선언 되었기 때문에 바깥 쪽 스코프 : "name" 을 끌어올 수 있었음 → 정상적으로 출력 가능 # 함수 밖( Out )의 출력 문 : message 변수가 함수 안 스코프에서 선언되었기..

🦄 너무너무너무 피곤하므니다.... 너무 졸리고... 다음 주 정보처리 기사 ... 너무 히므드니다. 빨리 정처기 끝났으면 하는 마음 반 ,, 1주일만 더 있었으면 좋겠다는 생각 반.... ㅠㅠㅠㅠ 쿳소.. 🍀 오늘의 날짜 : 23년 03월 02일 🍀 오늘의 주제 : 참조 자료형과 원시 자료형 원시 자료형과 참조 자료형 스코프와 클로저 🌷햇깔렸던 부분들 + TIP🌷 참조 자료형과 원시 자료형 💠참조 자료형(reference data type) : 대량의 데이터를 다루기에 적합한 배열과 객체, function 등의 자료형 [특징] #원시 자료형을 변수에 할당하면 " 메모리 공간" 에 " 값 자체 " 가 복사되어 저장 # 값이 저장된 변수를 다른 변수에 할당하면 " 원시 값 자체가 복사 " 되어 저장. # ..

https://talkwithcode.tistory.com/27 javascript object 특정 값 삭제, delete 연산자 delete뒤에 object의 key값을 넣으면 지워집니다. let test = {a:0, b:1, c:2} delete test.a; console.log(test); MDN사이트입니다. delete 연산자 - JavaScript | MDN delete 연산자는 객체의 속성을 제거합니다. 제거한 객체의 talkwithcode.tistory.com https://cocobi.tistory.com/79 [JS] 오브젝트(Object) Key, Value에 접근하기 1. 다양한 방법으로 객체 생성 //객체 리터럴을 이용해 객체 생성과 동시에 프로퍼티 설정 var person =..

🦄 우분투..UBUNTU 부신다 내가.. 진짜.... 🍀 오늘의 날짜 : 23년 02월 24일 🍀 오늘의 주제 : Linux/Git : Ubuntu CLIflex 🌷겅부SS + TIP🌷 (CLI)Command-Line Interface 개요 Interface의 유형 중 하나로 키보드 입력을 통해서 컴퓨터와 다양한 작업을 처리할 수 있는 녀석입니다. (하지만 난 싫지...) 리눅스 터미널은 키보드의 입력과 모니터의 출력을 굉장히 많은 작업을 할 수 있습니다. 왜냐면 마우스로 모든걸 해결 할 수 있는 GUI(Graphic USer Interface) 개발되기 이전부터 사용되었기 때문이죠. CLI는 AWS(Amazon Web Service)의 클라우드 컴퓨팅 처럼 대량의 서버 컴퓨터를 설치해야 하는 서비스의 ..

🦄 오늘 계산기 구현 무쳤다 무쳤어 어저께 등 운동 잘못 해서 왼쪽 팔 망가져버린거 실화입니까... ㅋㅋㅋㅋㅋㅋ 오늘 아침에 어어억 거리면서 일어났자나요... 🍀 오늘의 날짜 : 23년 02월 23일 🍀 오늘의 주제 : JS /CSS활용해서 계산기 기능 구현하기~ 🌱 오늘의 생각 🔹 🔹 🌱 공부 중 참고 사이트 🔹JS 중복방지 🔹 🌱 도움이 될 만한 사이트 추천쓰 🔹CSS : 연습 사이트 🔹 🔹 🔹

❌ 수정 중 ❌ Parameter : 매개변수 - 함수와 메서드 입력 변수 명 (Variable) Argument : 전달인자, 인자 = 함수와 메서드의 입력 값 (Value) http://taewan.kim/tip/argument_parameter/

🦄 코드스테이츠 부트캠프 둘 째주 진입했습니다. 오늘부터 JS를 들어가는 군요.. 저는 CSS 레이아웃 배치보다 JS로 코테 푸는게 더 재미있는 것 같아요.. ㅠ 돌려줘 내 디자인 감각 🍀 오늘의 날짜 : 23년 02월 20일 🍀 오늘의 주제 : JS 기초 변수 선언 및 할당 코테 맛보기 : 자바스크립트 math 객체 / 자바스크립트 string / 자바스크립트 arguments 🌷햇깔렸던 부분들 + TIP🌷 ⭕Node.js의 REPL REPL(Read Evaluate Print Loop)의 약자로 윈도우 커맨드, UNIX, Linux shell 처럼 사용자가 command를 입력하면 시스템이 값을 반환하는 환경을 의미합니다. 제가 작성한 코드가 문법에 맞는지 틀린지 간단하게 실행해 볼 수 있습니다. ➡..

🦄 오늘은 이어서 CSS의 레이아웃 파헤치기쓰 🍀 오늘의 날짜 : 23년 02월 17일 🍀 오늘의 주제 : CSS /html 활용(2) 🌷햇깔리는 거🌷 flex-glow는 영역을 나누는게 아니라 남은 영역에서 어떻게 얼마나 차지할지.. 🤔🤔🤔 🌷오늘 작업 :: 계산기 묵업 02 🌷 미쳐버리겠는 계산기 야로 어제 만든 V01 계산기 말고 V02에서 미세하게 라인이 안 맞아서 눈물이 광광 납니다. 💡💡회고.01 어제 해결하지 못한 [ = ] 길게 늘리는거 해결함! ➡️ section을 상단부와 하단부로 나눠서 123= 아래는 하단부로 분리함. 그리고 이 하단부 안에서 1230.00 과 = 으로 두개의 section으로 나눈뒤 display: flex 와 flex-grow를 2: 1 비율로 조정해주었습니다. ..

🔖부모 요소 적용 Flexbox 속성들 ※ 대표적 속성 display : flex ; // 정렬 축 정하기 [ display : flex ] 의 경우, 자식 요소들의 컨텐츠 width 만큼만 차지하고, height은 부모 요소 높이만큼 늘어납니다. 배치는 가로 방향으로 배치됩니다. ( inline 요소들처럼) 그래서 height가 내용물에 따라 자동으로 늘어나는 특징은 컬럼같은 경우 많이 적용한다고 합니다. flex-direction : 정렬 축 정하기 flex-wrap : 줄 바꿈 설정하기 justify-content : 축 수평 방향 정렬 // row (col)일때, 가로(세로)방향에서 자식 요소들을 어떻게 배치할 건지 align-items : 축 수직 방향 정렬 // row (col)일때, 세로(가..