전체 글 170

[혼공스] (자바스크립트) 챕터4. 배열(push, splice, indexOf), 반복문(for, while)

목차 - 반복되는/해야 하는 코드가 무엇인지 정확하게 파악하자 1. 배열 만들기 : [요소, 요소, ..., 요소] 2. 배열 요소에 접근 : 배열[인덱스] 3. 배열 요소 개수 확인 : 배열.length 4. 배열 뒷부분에 요소 추가 : push(), 인덱스 5. 배열 요소 제거 : splice(), indexOf() 6. 배열의 특정 위치에 요소 추가 : 배열.splice(인덱스, 0, 요소) +. 자료의 파괴적/비파괴적 처리 1. for in 반복문 2. for of 반복문 +. for in/of 반복문 차이 확인 3. for 반복문 4. while 반복문 +. break 키워드 +. continue 키워드 @ 예제 문제 1-1) 피라미드 만들기(반쪽) 1-2) 피라미드 만들기(반쪽, *의 개수가 ..

언어/JavaScript 2022.11.02

[혼공스] (JavaScript) 챕터2. 자료형, 상수, 변수, 자료형 변환

목차 - Number(), String(), Boolean() 함수는 객체 생성자로 반드시 대문자로 시작한다 - 복합대입연산자를 이용하자 1. 문자열 자료형 - 문자열 만들기 - 문자열 연산자 - 문자열 길이 구하기 - 구문 오류 2. 숫자 자료형 - 숫자 만들기 3. 불(boolean, 불린) 자료형 - 불 만들기 - 불 부정 연산자 - 불 논리합/논리곱 연산자 4. 자료형 검사 +. 템플릿 문자열 : 백틱(`) +. ===, !== 연산자와 ==, != 연산자 1. 상수 - 구문오류 2. 변수 - 구문오류 - 변수에 적용할 수 있는 연산자 - 증감 연산자 3. undefined 자료형 1. 문자열 입력 : prompt( 메시지 문자열, 기본 입력 문자열) 2. 불 입력 : confirm(메시지 문자열..

언어/JavaScript 2022.10.31

[혼공스] (JavaScript) 챕터1. JS 개요, 개발환경 설정, 기본용어

목차 - JS(자바스크립트)에서 변수는 고정된 타입이 없다 1. JS로 할 수 있는 것들 - JS의 역사? - JS로 할 수 있는 것들? 2. JS 버전 +. 모바일 애플리케이션 종류 1. 개발환경 설치 - 개발환경이란? - [참고] Stack Overflow 2022년 IDE 선호도 조사 TOP10 - 개발환경 설치 2. 코드 실행하기 - 구글 크롬 콘솔에서 실행 - 파일 만들고 저장해 실행 (VScode) - [참고] VScode의 코드작성 보조기능이 동작하지 않으면? - [참고] 오류 - [참고] 코딩 스타일/컨벤션(convention) 1. 표현식, 문장, 프로그램 2. 키워드(예약어), 식별자, 주석 3. 출력 - 간단한 표현식 결과 확인하기 - 경고창에 출력하기 - 콘솔에 출력하기 WIL : ..

언어/JavaScript 2022.10.31

[궁금해] (문서 내 이동) # 표시를 개발자가 선호하는 이유는? W3C URL 권고!

목차 1. 결론 2. 들어가는 말 3. 험난한 구글링 과정 @ 참조링크 1. 결론 'W3C URL 권고'에 대한 페이지에서 #를 프래그먼트 식별 기호로 쓸 것을 명시하고 있기 때문이 아닐까 싶다. 프래그먼트 식별 기호(#의 뒷부분에 나오는 내용을 이렇게 부름)에 대한 우물정자(해쉬 / #) 우물정자("#", ASCII 23 hex) 문자는 프레그먼트 식별 기호에서 객체의 URL을 분리하기 위한 구분문자이다. Hash for Fragment Identifiers The hash ("#", ASCII 23 hex) character is reserved as a delimiter to separate the URI of an object from a fragment identifier. - 출처 : W3C ..

궁금해 2022.10.29

[로드맵] 백엔드 개발자(2022년 버전)

단순 코더가 아닌 CS와 전체 구조의 이해를 기반으로 한 백엔드 개발자가 되려면 공부해야 할 것이 많다. 특히나 비전공자 입장에서는 무엇을 어떻게 공부해야 할지 막막하다. 이를 위해 참고할 2가지를 소개하려고 한다.  생활코딩에서 들은 인상깊은 이야기가 있다.컴퓨터를 만든 인물 중 '폰 노이만'이라는 수학 천재가 있는데, 누군가가 "어떻게 수학을 잘 하세요?"라고 물었다고 한다. 폰 노이만은 이렇게 답했다고 한다. "수학은 이해하는 게 아니라 익숙해지는 거라네." 개발 공부의 최종 목표는 이해가 아닌 익숙해지는 것!익숙해지기 위한 수많은 방법들 중 하나가 이해인 것이다.  1. 서울대학교 컴퓨터공학과 커리큘럼(출처 : https://cse.snu.ac.kr/undergraduate/course-depen..

[HTML] HTML은 프로그래밍 언어인가? 이력서에는 어떻게 작성하지?

목차 1. 결론 2. 들어가는 말 3-1. [로직의 관점] 로직이 없어 아니다 vs 로직이 있다 vs 그건 로직이 아니다 3-2. [튜링 완전함의 관점] 튜링 완전함이 없어서 아니다 vs 튜링 완전함이 있다 # 살펴보기 1. 결론 HTML이 프로그래밍 언어인가에 대한 논쟁은 이렇게 정리할 수 있다. 아니다 : 로직, 튜링 완전함이 없기 때문에 프로그래밍 언어가 아니다. 맞다 : 마크업 언어도 프로그래밍 언어가 될 수 있다. 사실 이 논쟁은 중요하지 않다. HTML은 HTML일 뿐이고, 고품질의 웹과 앱을 만들기 위해 필요한 언어라는 것이다. 굳이 HTML과 프로그래밍 언어를 구분한다고 하면 이러하겠다. HTML : 표현 방식(구조, 서식 등 골격을 만듦) 프로그래밍 언어 : 실행 방식(시스템, SW 구동..

언어/HTML+CSS 2022.10.05

[백준(BOJ)] 어떤 문제부터, 어떻게 풀 것인가?

프로그래밍을 잘하려면 100문제를 풀면 된다고 하는데, 사실 처음으로 백준 사이트에 들어갔을 때에는 뭐가 뭔지도 잘 모르겠다. 백준에서 어떻게 문제를 풀 수 있는지? 어떤 문제부터 어떤 방식으로 풀면 될지?에 대한 물음을 해결하기 위해 개발자 블로그, 유튜브 등을 확인했다. 이렇게 찾은 방법 중 가장 추천하는 방법을 소개하고자 한다. (출처 : 유튜버 '라매개발자' 영상) 1. 문제 풀기는 어디에 있지? 상단 탭에서 '문제'에 마우스를 가져가면 아래와 같이 문제 분류별로 나온다. 알맞은 분류를 클릭하면 문제풀기 페이지로 넘어갈 수 있다. 2. 어떤 문제부터 풀면 되지? '단계별로 풀기' 후 '포함문제' 풀기! 아래 1, 2차 문제만 풀면 웬만한 구현은 가능하다고 한다. 1차. 1단계(입출력과 사칙연사)부..