컴과생의 끄적끄적

Kotlin 학습하기 참고 링크 : Hello world | Kotlin Documentation (kotlinlang.org) fun main() { if (true){ println("Hello!\\n") } println("Mobile Software") // Hello, world! } In Kotlin: fun is used to declare a function the main() function is where your program starts from the body of a function is written within curly braces {} [println()]() and [print()]() functions print their arguments to standard out..

10610번: 30 (acmicpc.net) 10610번: 30 어느 날, 미르코는 우연히 길거리에서 양수 N을 보았다. 미르코는 30이란 수를 존경하기 때문에, 그는 길거리에서 찾은 수에 포함된 숫자들을 섞어 30의 배수가 되는 가장 큰 수를 만들고 싶어한 www.acmicpc.net - 접근했던 방식 처음에는 while문으로 입력받은 int형의 n을 숫자 하나씩 num 배열에 저장한 후, 내림차순 정렬로 정렬해 마지막 원소가 0인지, 그리고 원소의 합(sum)이 3의 배수인지 이 두 가지 조건에 모두 만족하는지를 확인한 후 배열의 원소를 순서대로 출력하고자 하였다. - 문제점1 : 내림차순 정렬 접근 방법은 맞는 것 같지만, 크나큰 문제가 있었다. 우선, 위의 방법으로 시도했을 때에 내림차순 정렬에서..

컴포넌트란? 스타일을 만드는 HTML + CSS + JS의 결합 단위 [장점] - 재사용 가능 (Reusability) => 재사용가능한 빌딩 블록의 반복을 피하게 한다. - 우려사항들을 분리 (Separation of Concerns) => 코드베이스를 작고 관리 가능한 단위로 유지한다. 선언적 방식 리액트로 작업할 때는 항상 원하는 최종 상태(목표 상태)를 정의하는 것이 중요하다. 리액트가 하는 일은 실제 웹페이지에서 어떤 요소가 추가되거나, 삭제되고, 업데이트 되어야 하는지를 해결하는 것이다. 따라서 자바스크립트에서 하는 것처럼 직접 구체적인 DOM을 업데이트하는 지침들을 작성할 필요가 없다. Node.JS 설치 및 리액트 프로젝트 생성 리액트 설치 오류 시 [해결 방법] 1. 전역 설치된 리액트 ..

변수 let과 const var: 자바스크립트에서 변수 생성 (ES6에는 var도 물론 있지만, let과 const 사용을 권장) - let: 값을 수정할 수 있는 변수를 선언할 때 사용 (새로운 var) - const: 한번 지정하면 정대 변하지 않는 값인 상수를 선언할 때 사용 (새로운 값을 할당할 수 없는 키워드. 만약 실수로 값을 재할당하도록 코드를 작성했다면, 오류 발생🚨) const myName = 'Max'; console.log(myName); myName = 'Manu'; console.log(myName); "Max" "Manu"// var의 경우 "Max" "Manu"// let의 경우 (var과 결과 동일) "Max" "error"// const의 경우 (두 번째 console.lo..

리액트(react.js)란 무엇일까? 리액트(React) : 자바스크립트의 라이브러리로 사용자 인터페이스를 만드는데 사용 웹에서 모바일과 같은 빠른 반응성을 이끌어냄. 전통적인 웹사이트들은 새로운 html 페이지가 로딩되는 동안 기다려야 하기에 약간 무겁고 불편하게 느껴졌다면, 자바스크립트를 사용하면 DOM을 조작하여 브라우저 상에서 html 요소들을 변경할 수 있다. 따라서, 사용자에게 다른 것들을 보여주기 위해 새로운 html 페이지를 요청할 필요가 없다. 이것이 자바스크립트의 역할이고, 리액트 역시 자바스크립트 라이브러리이기 때문에 추가적 구성 요소로서 우리에게 도움이 된다. 자바스크립트에 추가로 리액트가 필요한 이유? 리액트와 연계해서 최신의 다채롭고 복잡한 사용자 인터페이스를 쉽게 구축할 수 있..

🔉💻 오랜만에 HTML, CSS 공부를 다시 하게 되었다. 이번 클론코딩을 통해서, 레이아웃을 구성에 있어 스스로 많이 해맨다는 것을 느꼈다. (이론으로는 많이 배워왔으나, 실제로 만들어보는 그 과정이 아직 익숙하지 않은 듯하다.) 내가 머리 속에 그리고 있는대로 화면이 나오지 않아 답답한 기분이 들었고, 알고 있는 것만을 활용하기 보다는 새로운 자료나 코드를 새롭게 많이 배우며 똑똑하게 코딩해야겠다는 생각이 들었다. 또 작성은 했지만, 제대로 정리가 되지 않은 코드들도 많이 보기 지저분하였고 가독성이 떨어졌다. 코드를 보기 좋게 정리하는 것에 대한 필요성도 많이 느낄 수 있었다. 매우 뚝딱거리는 내 미니 홈페이지...😂😱 MugApp Lorem ipsum dolor stisadfajklfdsfjdlaf..

1010번: 다리 놓기 (acmicpc.net) 1010번: 다리 놓기 입력의 첫 줄에는 테스트 케이스의 개수 T가 주어진다. 그 다음 줄부터 각각의 테스트케이스에 대해 강의 서쪽과 동쪽에 있는 사이트의 개수 정수 N, M (0 < N ≤ M < 30)이 주어진다. www.acmicpc.net 1. 분수의 경우, 분모 분자 따로 계산하기 우선 처음에, 분모 분자를 따로 계산하지 않고, 하나의 result라는 변수에서 조합을 계산하려고 한 점에 문제가 있었다. 분자에 해당하는 숫자를 차례로 곱하고(8*7*6..), 이후 분모에 해당하는 숫자를 차례로 나누는(../3/2/1) 방식이었다. 이 방식의 문제는 나머지에 있었다. 차례로 분모에 해당하는 숫자를 나누는 과정에서 약분이 되지 않는다면, 정수로 값이 떨..

웹프로그래밍 첫걸음 7장. CSS 스타일시트 이해하기 7.1 CSS 시작하기 7.1.1 스타일 시크와 CSS 기본 개념 CSS(Cascading Style Sheet)의 특징 -웹 컨소시엄에서 웹 문서용으로 개발한 스타일시트 언어 -CSS3는 화려하고 동적인 스타일 작성 가능 -CSS3는 모듈 기반으로 디바이스에 따라 필요한 부분만 업데이트 가능 7.1.2 CSS 스타일 속성 선언 CSS 기본 문법 -선택자와 속성 선언으로 설정 -다중 선택자는 ,(콤마) 로 구분 -{}(중괄호) 안에 나열, 속성과 속성값은 :(콜론)으로, 스타일 규칙은 ;(세미콜론)으로 구분 p,h3 {color:red; font-style:italic'} 7.1.3 HTML 문서에서 스타일시트 선언 내부 스타일시트 선언 외부 스타일시..

운영체제는 주어진 메모리의 크기 아래서 프로그램을 작은 조각으로 나누어 그 중에 일부분만을 메모리에 적재하되, 적재 가능한 곳으로 비연속적으로(흩어) 넣어줌으로써, 사용자는 메모리에 대한 고민으로부터 벗어날 수 있게 된다. (프로그램의 일부분만이 적재되기 때문에 보다 많은 사용자를 수용할 수 있고, 더 중요한 것은 모든 사용자가 메모리의 크기로부터 자유로울 수 있게 된다.) 가상 메모리(Virtual Memory)를 위해서는 ▶ 우선, 모든 프로그램은 작은 조각(Block)들로 나뉘어지는데, - 페이지(Page): 조각들의 크기를 모두 같도록 했을 때 한 조각 - 세그먼트(Segment): 조각들의 크기를 서로 다르게 했을 때 각각의 조각 * 조각의 크기 = 메모리와 디스크 사이에서 한 번에 전송되는 전..