전체 글

#프론트엔드개발 #영어
🌱 Base

[JavaScript] 객체(Object)는 값을 묶는다

여러 값을 하나의 값으로 묶는 역할, 문법key와 value로 표현각각의 값을 콤마로 구분객체는 중첩이 가능하다 (중첩객체)let hyejin = { name: 'hyejin', // key: value gender: 'female', body: { tall: 150, foot: 230, blood: { rhPlus: true, type: 'AB', }, },};  객체 안의 함수(메소드)let text = 'hello';console.log(text); // 'hello'console = { log: function(a){ ... }} console이라는 객체 안에 log라고..

🌱 Base

[JavaScript] 실행(Run)이란,

소스코드(텍스트로 구성) -> 변경 -> 실행(Run) 소스코드하드디스크(HDD)에 저장되어 있음이 상태에서는 CPU가 실행을 못시킴변경그래서, 컴퓨터가 해석할 수 있는 상태로 변경하고,변경한 코드를 메모리(RAM)에 적재(fetch)함실행CPU; 명령어를 실행하는 주체(hardware)CPU는 한번에 하나씩 메모리로 부터 변경된 코드를 가져와서 실행 브라우저 런타임(runtime,실시간)환경에서,자바스크립트 소스코드는 웹서버에 저장되어 있음인터넷 네트워크 통신망을 통해 브라우저에서 소스코드를 요청하면 웹서버로부터 소스를 전달받음브라우저에 내장된 자바스크립트 엔진(컴퓨터로 치면 CPU)에서 소스코드를 변환시켜 동작시킴

🌱 Base

[JavaScript] 기본 원칙들

선언형언어(HTML,CSS)함수형언어명령형언어 자바스크립트는 함수형언어와 명령형언어 두가지 특징을 모두 가짐자바스크립트는 값(정확히는 식)과 문(statement)으로 구성 식(expression)이란? 기능을 갖고 있는 것 (예) 1+1값(value)이란? 데이터(정보) (예) 1= 기호는? 오른쪽 항의 값을 왼쪽 항의 값으로 옮긴다, 할당한다는 뜻 ∴ 자바스크립트에서 식(expression)은 값(value)이라고 할 수 있다. (∵ 식은 결과적으로 반드시 값이 됨)  값에 의미를 부여할 수 있는 방식 => 식별자(identifier)를 쓴다 식별자의 종류변수함수클래스 식별자의 네이밍규칙예약어 x공백포함 x숫자로 시작 x기호사용 제한적 ( $, _ 만 가능)

🌱 Base

4가지 프로그래밍 역량

일관성유연성확장성독립성 👩🏻‍💻 빠르게 배워야 할 것트렌디한 기술들프레임워크라이브러리UI/UX디자인패턴 👩🏻‍💻 나중에 배워도 되는 것상대적으로 내가 시간투자를 많이 해야 하고배우는데 학습비용이 많이 들고 어려운 것꼭 학습해야 하는 기초적인 것학습부채의식 중 하나네트워크운영체제컴퓨터(시스템)구조논리학대수학언어론 👩🏻‍💻 반복해서 배워야 할 것변화의 속도가 느린 지식들프로그래밍 언어프로그래밍 패러다임자료구조보안알고리즘

Frontend 👩🏻‍💻/Git&GitHub

[GitHub] 로컬 develop 브랜치에서 원격 main 브랜치 push 하는 법

내 로컬 develop branch에서 원격저장소의 GitHub main branch로 곧장 push를 하고 싶을 때가 있다. 원래,GitHub 원격저장소에 develop브랜치를 만들고, 해당 devlop브랜치의 소스를 받아와서 push 하는게 쉽다.(로컬 develop 브랜치에서 원격 develop 브랜치로 push 후, 원격 main 브랜치로 merge 하기 위해 PR을 날린다) 원격저장소의 main 브랜치에서 내 로컬로 가져왔다내 로컬에서 main 브랜치로 계속 개발하다가, develop 브랜치를 만들었다내 로컬에서 develop 브랜치로 개발한 것을 원격저장소의 main 브랜치로 곧장 push 하고 싶다면,로컬 브랜치 작업내용 원격 저장소 push// git push origin : 🙋🏻‍♀️..

Tips

[MacOS] Spotlight🔎 파일/앱 인덱싱 재설정하기

MacOS Ventura 이후 버전에서,Spotlight 에서 visual studio code 검색이 안됨 🤦🏻‍♀️ Spotlight에서 어플리케이션 검색이 되도록 인덱싱 재설정을 해보자. Terminal 켜고,1. 현재 작동중인 Spotlight 기능을 일시적으로 끈다.(Spotlight 비활성화)sudo mdutil -a -i off 2. Spotlight 활성화한다. (인덱싱이 좀 오래 걸린다)sudo mdutil -a -i on 3. 그런데 Activity monitor에 mds_store와 mds 파일들이, 엄청나게 cpu를 점유하기 시작했다. (새로운 문제 🤦🏻‍♀️)4. 이 mds_stores는 spotlight와 관련된 것인데, 검색 인덱싱을 다시 비활성화하였더니 점유율 문제가 ..

Tips

[MacOS] VS Code 동일한 문자열 전체 찾기🔎 및 전체 수정 🍯🐝

찾고자 하는 단어 위 아무데나 커서를 올려놓고,Command + D 모두 찾은 상태에서,Shift + Command + L 누르면 한번에 수정 가능

2024 Dev Camp🔥/회고

온보딩(Onboarding) 프로젝트 회고 👩🏻‍💻

프로젝트 제목을 보면 알 수 있듯이, 교육을 시작하고나서 첫 프로젝트를 진행했다. 0️⃣ 온보딩(Onboarding)이란, '배에 올라타다, 그룹이라는 배에 새로 올라탄 사람들이 팀의 한 부분으로 잘 어우러지도록 돕는 과정'이라고 한다. 나는 호주에서 커피를 만들었는데, 첫 카페에서 나를 뉴비(newbie)라고 부르면서 나보다 오래 일했던 친구들이 a-z까지 하나씩 알려주던 기간이 있었다. 생각해보니 이 기간이 온보딩 기간이었구나 싶다.  교육에 앞서, 김민태 선배님(후배라고 부르는것을 좋아하신다고 한다. 강의중에는 못 불러볼 것 같아 블로그에 조심스레 적어본다😁)과 1:1 커피챗을 통해 궁금한 점을 여쭈었는데, 그 때 답변해주셨던 인사이트의 연속점이었던 프로젝트라고 말하고 싶다. 생각을 글로, 말로 ..

Tips

[MacOS] 숨김파일📂 보기

폴더에서, 숨김파일 보기(Toggle) (예).git 폴더 찾기Shift + Command + .

Frontend 👩🏻‍💻/JavaScript

[JavaScript] Array Methods- map() and forEach() function

1️⃣ map() 와 forEach()의 공통점:모든 요소에 콜백함수를 호출각 요소를 순회하며 요소에 무언가를 할 수 있음JavaScript .forEach() and .map(): These are the methods that are used to iterate on an array, more technically they invoke the provided callback function for every element of an array.Syntax:forEach((currentElement, indexOfElement, array) => { ... }map((currentElement, indexOfElement, array) => { ... } )Parameters:currentElement..

hyejin.frontend
혜진의 개발자 성장블로그