본문 바로가기
반응형
[JavaScript] var, let, const ES6의 등장 전후 블록 스코프를 갖지않는 var ES6가 나오기 전에는 var로 변수선언을 했습니다. var는 재선언과 재할당이 가능하고 블록 스코프를 갖지않습니다. // 재선언 및 값의 재할당 가능 { // 블록 스코프를 갖지 않음 var name = '개발 전용'; } console.log(name); // "개발 전용" (블록 스코프 영향 X) var name = '개발자 전용'; name = 'only dev'; console.log(name); // "only dev" var 호이스팅 일반적으로 변수를 선언한 후 값을 할당하지만 var는 '호이스팅'으로 인해 선언부가 최상단으로 끌어올려지고 'undefined'로 값이 초기화되기 때문에 변수를 선언하기전에도 값을 사용 할 수 있습니다. cons.. 2020. 12. 21.
비전공생의 컴퓨터과학(CS50) 배우기 네이버에서 우연히 온라인 스터디 그룹 모집을 한다는 것을 알게되었습니다. 프로그래밍을 배울때마다 항상 어딘가 찜찜하고 불안한 감정이 있었는데 그게 '컴퓨팅적 사고와 감각'이 아닌가 싶습니다. 저처럼 비전공생이고 혼자 공부하기 막막하고 팀원들과 함께 하고싶은 분, IT에 관심 있으신 분들에게 도움이 될 것 같아서 글을 써봅니다. ※ 신청기간: ~20년 12월 31일(목) 자정까지 ※ 스터디 학습 기간: 21년 1월 11일(월)~21년 2월 26일(금) 총 6주간 진행 ※ [무료스터디] 결심을 현실로 만들 시간 [무료스터디] 결심을 현실로 만들 시간 [BY 부스트코스] 모든 활동이 자제되는 비대면 시대. 하지만 성장을 멈출 수는 없는 세대. 특히나 IT... m.post.naver.com 2020. 12. 20.
[JavaScript] 배열을 제대로 알아보자 1. 배열 선언 const array1 = new Array(); const array2 = new Array(1, 2, 3); const array3 = [1, 2, 3]; console.log(array1); // [] console.log(array2); // (3) [1, 2, 3] console.log(array3); // (3) [1, 2, 3] 2. 인덱스 위치 const books = ['부의 추월차선', '잡스의 기준', '레버리지']; // 배열 출력 console.log(books); // (3) ["부의 추월차선", "잡스의 기준", "레버리지"] // 배열의 길이 출력 console.log(books.length); // 3 // 배열의 해당 인덱스의 요소만 출력 console.l.. 2020. 12. 18.
[JavaScript] 필수 배열함수 10가지 정리 1. join() join() 메서드는 배열의 모든 요소들을 합해서 하나의 문자열로 반환합니다. 필요한 경우, 배열의 각 요소를 구분할 구분자를 사용할 수 있습니다. 생략하면 요소들이 쉼표로 구분 됩니다. { const laptop = ['맥북', '그램', '플렉스']; const result = laptop.join(); console.log(result); // 맥북,그램,플렉스 } { const laptop = ['맥북', '그램', '플렉스']; const result = laptop.join(''); console.log(result); // 맥북그램플렉스 } { const laptop = ['맥북', '그램', '플렉스']; const result = laptop.join(', '); con.. 2020. 12. 17.
웹 저장소 쿠키와 스토리지 * 틀린 내용이 있다면 언제든지 댓글에 남겨주세요. 환영합니다 🙆🏻‍♂️ 개발자의 꿈을 꾸기 전에도 쿠키에 대한 존재는 알고 있었습니다. 저와 비슷한 연령대의 분들은 대부분 경험하셨을 것 같은데요. 약 10년전 컴퓨터의 사양이 좋지 않던 시절 어떻게든 인터넷 속도를 높이고 싶어서 브라우저의 쿠키와 캐시 등의 데이터를 지웠던 기억이 있습니다. 그렇다면 이 쿠키는 어떤 역할을 하는 건지 알아보겠습니다. 쿠키 (Cookie) 무상태성(stateless)과 비연결성(connectionless) 쿠키에 대해 알아보기 전에 HTTP의 특성에 대해서 잠깐 설명드리겠습니다. HTTP는 클라이언트와 통신이 끝나면 상태 정보를 저장하지 않는 무상태성(stateless), 요청(request)과 응답(response)이 끝.. 2020. 12. 10.
프로그래밍 언어를 도구처럼 (feat. 면접 후기) 오늘 면접을 보고 왔습니다. 웅장한 건물과 그에 걸맞는 큰 회전문, 그리고 최신식 터치 엘리베이터까지. 모든 것이 새롭고 공기가 다르게 느껴졌습니다. 20분 먼저 일찍 도착해 회사 문을 열기 전 젊은 여성분께서 먼저 안내를 해주셨습니다. 대기하는 동안 그 회사의 분위기, 널찍한 자리와 두세대의 모니터, 자유롭고 집중하고 있는 개발자분들, 최신 노래. 이 회사..정말 입사하고 싶다. 면접 전 날 긴장을 너무 많이 해서 잠도 제대로 못자고 가만히 있는데도 한 쪽 광대에 경련이 올 정도였습니다..저처럼 정말 원하는 회사에 면접이 잡혔을때 조금이라도 불안을 덜고 도움이 되었으면 하고자 글을 씁니다. 면접이 시작되고 면접을 보는 1시간 동안 굉장히 편한 분위기로 이끌어 주셨고 이 시간을 파트별로 정리 해봤습니다... 2020. 12. 3.
다사다난한 Open API와 CORS - 1 새로운 프로젝트를 시작했습니다. 지난 날씨 API를 이용한 프로젝트에 이어서 공공데이터인 코로나 API를 불러와서 한국 코로나 현황을 알려주는 프로젝트를 만들어보려고 합니다. 이번엔 약간의 목적을 갖고 프로젝트를 시작했고, 그 목적은 다음과 같습니다. HTML/CSS/JavaScript를 통한 프론트 엔드 개발 능숙도 처음보는 API의 공식 문서를 읽어보고, 구조 파악 및 사용해보기 만드는 과정에서의 공학적 사고 역량 제한된 시간 안에서 완성하기 (일주일) 처음 시작은 무난했습니다. 첫 날은 프로젝트 자체에 고민을 굉장히 많이 했습니다. 일주일이란 시간 안에 완성해야하기 때문에 'Open API를 사용해서 어떻게 재밌고 심플한 웹 사이트를 만들 수 있을까'에 중점을 두고 고민을 했습니다. 그 와중에 국내.. 2020. 11. 29.
반응형