JS127 [ 자바스크립트(JavaScript) ] 프로그래머스 level2 - 오픈채팅방 📍 프로그래머스 2단계 - 오픈채팅방 프로그래머스 2단계 - 오픈채팅방 ⚡️ 나의 풀이 처음 문제를 풀기 전 문제 분류에 2019 KAKAO BLIND RECRUITMENT 라고 되어있어서 카카오 문제니까 어렵지 않을까?라고 했는데 어렵지 않았다. 문제의 내용은 길었지만 코드는 짧게 작성할 수 있는 문제였다. 결론적으로 반복문을 2번 사용했는데 처음 닉네임이 변경되는 모든 과정에 반복문을 한번 사용하고, 모든 기록이 처리된 마지막에 반복문을 한번 더 사용했다. 세부과정은 다음과 같다. idInfo는 new Map()으로 선언하여 hash값을 이용했다. status가 Enter 혹은 Change일 때 idInfo의 nickName을 변경한다. 모든 기록이 처리된 후 채팅방 메시지를 출력한다. status가.. 2021. 11. 8. [ 엘리스 SW 엔지니어 트랙 ] 10일차 📍 10일 차 11.6. 토.(자기소개 홈페이지 만들기) 오늘은 강의 대신 HTML, CSS, JS를 이용해서 자기소개 페이지를 만드는 과제가 있었다. 주제는 어렵지 않은데 이것저것 추가하다 보니까 다른 기능을 추가하고 싶다는 생각이 많이 들어서 섣불리 끝나진 않았다. GitLab에 파일을 배포하는 형식으로 진행했다. 디자인에 잼병인 내가 어떻게 홈페이지를 꾸며볼까 하다가 dribble이라는 사이트에서 괜찮은 템플릿을 하나 골라 비슷하게 만들었다. header에는 navbar 대신 img를 blur 처리해서 넣었고, 가운데에 선명한 사진을 또 넣었다. body에는 과제에 포함해야하는 질문들을 포함해서 넣었고 글만 넣기에는 뭔가 심심해서 toggle 버튼을 넣었다. 그리고 나의 스택을 쉽게 알려주는 사이트.. 2021. 11. 6. [ 자바스크립트(JavaScript) ] 전치연산자와 후치연산자에 대해 알아보자 📍 전치 연산자와 후치 연산자에 대해 알아보자 개념 자체는 어려운 편도 아니고 내용도 많지 않은데 기록을 남기는 이유는 알고리즘 문제를 풀다 보면 헷갈리는 경우가 있기 때문이다. 전치 연산자와 후치 연산자를 잘 활용한 문제는 투 포인터 개념을 활용한 두 배열 합치기 문제였다. 전치연산자(prefix form): 연산자(++x, --x)가 변수 앞에 오는경우 전치 형태이고, 증가/감소가 먼저 이루어지고 값을 리턴함. 후치 연산자(postfix form): 연산자(x++, x--)가 변수 뒤에 오는경우 후치 형태이고, 증가/감소 이전에 먼저 값을 리턴함. 위에서 살펴본 개념을 토대로 잠깐 문제를 풀어보자. 어떤 답이 나올지 한번 생각해보자. 잘 모르겠다면 드래그를 해보자. 예제 1의 counter와 a의 값.. 2021. 11. 5. [ 엘리스 SW 엔지니어 트랙 ] 9일차 📍 9일 차 11.5. 금.(온라인 강의) 오늘은 어제에 이어 JS 기초 문법 및 활용에 대해서 배웠다. 문법은 어렵지 않았는데 예제문제들을 풀 때 edge Case가 잘 떠오르지 않아서 조금 헤맸다. ❏ 연산자 산술 연산자: 사칙연산, %(나머지) , 숫자 뿐만 아니라 문자열도 산술 연산자 사용 가능 (문자열은 서로 붙어서 출력된다. + 는 문자열이 붙여서 출력, 나머지는 숫자로 바꿔서 계산) console.log(20 + 10); // 30 console.log(20 - 10); // 10 console.log(20 * 10); // 200 console.log(20 / 10); // 2 console.log(20 % 10); // 0 증감 연산자: ++: 1씩 증가, --: 1씩 감소 (전치 연산자.. 2021. 11. 5. [ 엘리스 SW 엔지니어 트랙 ] 8일차 📍 8일 차 11.4. 목.(온라인 강의) 오늘은 온라인 강의로 JS 기초문법을 배웠다. 어제 배운 내용에서 크게 벗어나지 않는 내용이었고 추가로 배운 것은 JS로 입력받는 방법과 match 정규식에 대해서 배웠다. ❏ 자바스크립트 소개 자바스크립트란 이미지 슬라이드 효과, 팝업 효과 등의 기능을 포함한 동적인 웹사이트 제작 시 사용되는 프로그래밍 언어 (HTML 은 웹사이트의 구조를 짜고, CSS 웹사이트를 꾸며주고, JS 는 사용자와 상호작용할 수 있게 만들어준다.) 자바스크립트 사용분야 : IoT(예: 전동커튼), 하이브리드 앱(예: 네이버 앱), 서버 개발(node.js) ❏ 자바스크립트 변수 변수란? 데이터를 담는 공간 var fruit; // 변수 선언: 데이터를 담을 공간을 생성하는 것 fr.. 2021. 11. 4. 이전 1 2 3 4 5 6 ··· 26 다음
