개발자

근황과 유럽에서 Boot Camp(Mimo)

2022년 9월 유럽여행을 시작으로 벌써 유럽에서 지낸지 4개월정도가 흘러갔습니다 한국에서 1년정도 정말로 좋은사람들과 좋은곳에서 같이 일을 했던 경험이 제 인생에서 아주 행복한 추억으로 남아있습니다 내가 여기서 뭘 하면 좋을지 어떻게하면 좋을지 곰곰히 생각한 결과 내가 지금 부족한부분은 내가 잘 알고있기때문에 부족한 부분을 채우기위해 노력하려고합니다 첫번째 부족한 부분은 기본기의 부재 기본기는 어느 분야에서든지 가장 중요하다고 생각합니다 현업에서 실제로 1년 정도 근무해본 결과 , 어떠한 문제가 주어지고 시간만 있다면 어떻게서든 해결을 할수있습니다 하지만 너무 오랜시간이 걸리면 당연히 좋지 않을수밖에 없겟죠 그동안 잘못된 코드들을 많이 작성해왔습니다 . 당연히 혼자 스스로 생각하고 좋은 코드를 작성하는..

What is Vanilla JS?

What is Vanilla JS? 외부 라이브러리나 프레임워크를 사용하지않은 순수 JavaScript 를 말한다 사용자를 위해 정의된 라이브러리나 프레임워크 일체를 사용하지않기때문에 당연히 다른 라이브리러나 프레임워크를 사용했을때보다는 빠르고 호환성이 좋다 고수면 고수일 수록 별의별 기능을 구현할 수 있다 (실력의 척도?...) Characteristics 순수 자바스크립트의 특성상 라이브러리를 사용했을때 간단하게 사용한 코드가 라이브러리를 사용하지않으면 코드가 길어진다 $('li').css('color','red') jQuery 를 사용해서 이렇게 표현할수있는것을 document.querySelectorAll('li').forEach(item => item.style.color='red') 이런식으로..

JavaScript DataStructure

자료구조(Data Structure) 데이터에 편리하게 접근하고 변경하기위해 데이터를 저장하거나 조직적으로 만드는 방법 (알고리즘은 저장된 데이터들을 처리하는 과정을 말한다) 1. 단순구조 (Primitive Data Structure) - 프로그래밍에 사용되는 기본 데이터 타입 - JS의 원시타입에는 string, number, boolean, null, undefined 가 존재한다 2. 비단순 구조 (Non-Primitive Data Structure) - 여러 데이터를 목적에 맞게 효과적으로 저장하는 자료 구조 - JS의 참조타입에는 object, array, function 이 존재한다 3. 선형 구조 (Linear Data Structure) - 저장된 자료의 전후 관계가 1:1 인 경우 4...

ES6 , Map(), Set()

Set() Set은 value 들로 이루어진 컬렉션 new Set()은 새로운 set 을 만든다 Set은 인덱스로 데이터를 조회할수 없다 set.size 는 set 이 가지고있는 데이터의 개수를 조회한다 set.has(value) 는 value가 set 안에 존재한다면 true 를 반환한다 indexOf()로 데이터를 찾는것보다 Set이 더 빠르다 set.add(value) 는 value 를 set 안 에 추가한다 Set에는 같은 데이터가 2번 존재할수가 없다, 같은 데이터가 추가되는 경우 추가되지않는다 set.delete(value) 는 value 를 set 에서 제거한다 set.clear() 는 set 안의 모든 데이터를 제거한다 set.keys(), set.values(), set.entries()..

JavaScript Syntax Basics

1.변수 변수는 값을 할당하고 저장된 값을 참조하기위해 사용한다 . 한번쓰고 버리는값이 아니고 유지할 필요가 있는 값은 변수에 할당한다 변수이름을 통해 값의 의미를 명확하게 할수있어 코드 가독성 또한 좋아진다 변수는 위치를 기억하는 저장소다. 위치란 메모리 상의 주소를 뜻한다 . 변수란 메모리 주소에 접근하기위해 사람이 이해할수있는언어로 지정한 식별자다 변수를 선언할때 var 키워드를 사용하고, 할당 연산자 = 는 변수에 값을 할당하기 위해서 사용한다 (여기서 잠깐 ES5 이후로 var 은 사용하지않는다 , let 이나 const 를 주로 사용함 자세한건 추후에 다루겠음) let x; x = 3; 2.값 let str = 'Hello World'; 위 예제는 str이라는 이름의 변수를 선언하고 문자열 리..

Java Script Basic concepts (기본개념)

1. 프로그래밍이란? 1. What is Programming 프로그래밍은 컴퓨터에게 실행을 요구하는 일종의 커뮤니케이션이다, 컴퓨터와 커뮤니케이션하기앞서 내가 무엇을 원하는지알아야한다 Programming is kind of communication requires computer to execute but before communicating with computer, need to know what i want 문제를 명확하게 이해하고 적절한 문제 해결 방안이 필요 need clearly understanding this problem and appropriate solution 이때 요구되는것이 문제해결능력이다 required at this time is problem-solving skills ..