[TIL]211107

バックグラウンドの問題解決&学習プロジェクトクリエイティブ会議+可変グリッド

11:00~18:30-江南カフェ
⏰ 11:00 ~ 15:00

グリディアルゴリズム2839号:砂糖送り

상근이는 요즘 설탕공장에서 설탕을 배달하고 있다.
상근이는 지금 사탕가게에 설탕을 정확하게 N킬로그램을 배달해야 한다.
설탕공장에서 만드는 설탕은 봉지에 담겨져 있다. 봉지는 3킬로그램 봉지와 5킬로그램 봉지가 있다.
상근이는 귀찮기 때문에, 최대한 적은 봉지를 들고 가려고 한다.
예를 들어, 18킬로그램 설탕을 배달해야 할 때, 3킬로그램 봉지 6개를 가져가도 되지만, 5킬로그램 3개와 3킬로그램 1개를 배달하면, 더 적은 개수의 봉지를 배달할 수 있다.
상근이가 설탕을 정확하게 N킬로그램 배달해야 할 때, 봉지 몇 개를 가져가면 되는지 그 수를 구하는 프로그램을 작성하시오.

첫째 줄에 N이 주어진다. (3 ≤ N ≤ 5000)

상근이가 배달하는 봉지의 최소 개수를 출력한다. 만약, 정확하게 N킬로그램을 만들 수 없다면 -1을 출력한다.

입력     출력
18      4
4       -1
6       2
9       3
11      3

まず思いついたのは、入力値を5で割った値と
残りの値を5で割った値に3で割った値を加算します.
コリンは簡単な問題だと思っています
このアルゴリズムは、入力値が18の場合に有効です.
入力値が6,9,11の場合は実行できません.
2つ目のアイデアは-5回(負の数を保存)
減算値を3で割った場合、残りの値が0の場合
-5を3で割った値と保存回数を加算しますが失敗…!
コミットを5回連続して試行できませんでした

学習プロジェクトクリエイティブ会議

⏰ 16:00 ~ 18:00
複数のトピック(to-do list、計画管理など)がありますが、現実的な実施可能性の問題が来週のトピックを決定しました
来週までに講師にプロジェクトのアドバイスを求めます
p.s.to-do list個人的に作ります...

可変メッシュ

⏰ 10:30 ~ 11:30
https://beready.co.kr/
以前大学に通っていたとき、このページを見てインスピレーションを得て、反応型ページを作りたいという目標がありました!
だから可変グリッドの概念から始めましょう!

viewport

ビューポート(viewport)は、Webページ上のユーザーの表示領域(visible area)です.

<meta name="viewport" content="width=device-width, initial-scale=1.0">

widthビューポートの横寸法を決定します.device-widthは、デバイスの画面幅に一致することを示すinitial-scale最初のページへのアクセス時に表示される拡大率の設定
最初に幅の初期-scaleビューポートの水平寸法ページを接続したときに表示されるスケール
ビューポートが指定されていない場合、widthはデフォルト980 pxです.
width:100%の要素が980 pxの値を持つことを指定します.
user-scalableminimal-scalemaximum-scalemaximユーザーがスケールを許可するかどうか.初期値はyesで、noのビューポートの最小スケール値(0-10)ビューポートの最大スケール値(0-10)を禁止できます.

メディアクエリ

メディアクエリーは反応型の基礎と核心です!
キーワードとして使用

.title {
	font-size: 40px;
}

@media (max_width: 600px) {
	.title {
    	font-size: 20px;
    }
}

タイトルのテキストサイズは40 pxで、600 px未満の画面は20 pxです.
メディアクエリーの適用
1)CSSファイルに直接作成

@media (min-width: 768px) { }

2)mediaタグにメディア属性を設定する

<link rel="stylesheet" media="all and (min-width: 1200px)" href="desktop.css">
<link rel="stylesheet" media="all and (min-width: 768px) and (max-width: 1199px)" href="laptop.css">

ほとんどの場合、最初の方法を使用します.
第2の方法のようにCSSを分離しても、ブラウザはまずすべてのCSSファイルをダウンロードするからです.
HTTPリクエストが多ければ多いほど、パフォーマンスが低下するので、CSSファイルから@mediaに分離することをお勧めします!
語句
メディアクエリ構文は、大文字と小文字を区別しないメディアタイプ/論理演算子/プロパティで構成されます.
ソース:https://nykim.work/84