목록JAVA 웹개발 과정 (28)
판봉 개발 일기
![](http://i1.daumcdn.net/thumb/C150x150.fwebp.q85/?fname=https://blog.kakaocdn.net/dn/1Bblu/btq99db5Jy0/QCrj7e1s4kb11HRkccbeO0/img.png)
🍲개인적으로 추천하는 찌개 TOP 3🥘 부대찌개 스팸김치찌개 순두부찌개 부대찌개 레시피 재료 목록과 수량 재료 수량 김치 1줌 비엔나 20개 스팸 1개 두부 1/3모 떡 1줌 대파 10센티 4개 홍고추 2개 쳥양고추 큰것 2개 사골곰탕 1봉지 조리순서 고추는 어슷썰고 두부는 한입크기로 썰어주세요. 스팸은 반드시 얇게 잘라주세요. 두꺼우면 국물 맛이 제대로 안 배고 맛이 따로 놀아요. 비엔나는 사선으로 잘라주세요. 떡은 너무 많이 넣으면 국물이 텁텁해지므로 반드시 1줌만 넣어주세요. 김치도 많이 넣으면 김치맛이 많이 나요. 적당한 밸런스가 중요한데요. 밥공기 1/4 넣어주세요. 된장반큰술,고추가루 4큰술(듬뿍), 마늘2큰술, 국간장2큰술, 설탕반큰술, 물 소주컵 반컵을 섞어주세요. 두부, 햄, 떡을 테두리..
![](http://i1.daumcdn.net/thumb/C150x150.fwebp.q85/?fname=https://blog.kakaocdn.net/dn/QOKv3/btq96EIglMH/YKAHgiCcxnDhtkmQG1lV21/img.png)
개인적으로 추천하는 찌개 TOP 3 부대찌개 스팸김치찌개 순두부찌개 부대찌개 레시피 재료 목록과 수량 재료 수량 김치 1줌 비엔나 20개 스팸 1개 두부 1/3모 떡 1줌 대파 10센티 4개 홍고추 2개 쳥양고추 큰것 2개 사골곰탕 1봉지 조리순서 고추는 어슷썰고 두부는 한입크기로 썰어주세요. 스팸은 반드시 얇게 잘라주세요. 두꺼우면 국물 맛이 제대로 안 배고 맛이 따로 놀아요. 비엔나는 사선으로 잘라주세요. 떡은 너무 많이 넣으면 국물이 텁텁해지므로 반드시 1줌만 넣어주세요. 김치도 많이 넣으면 김치맛이 많이 나요. 적당한 밸런스가 중요한데요. 밥공기 1/4 넣어주세요. 된장반큰술,고추가루 4큰술(듬뿍), 마늘2큰술, 국간장2큰술, 설탕반큰술, 물 소주컵 반컵을 섞어주세요. 두부, 햄, 떡을 테두리에 ..
![](http://i1.daumcdn.net/thumb/C150x150.fwebp.q85/?fname=https://blog.kakaocdn.net/dn/KGgRW/btracO98rAQ/DjPkwnBZV9CW8rf9lyAuE1/img.png)
오늘은 드디어 CSS에 대하여 배웠습니다. 그중에 CSS 선택자는 "Selector"라고도 하는데 셀렉터라고 읽으면 됩니다. 선택자를 쓰는 법은 다음과 같습니다. h1 { color:red; } 선택자 { 속성 : 값} 이라는 뜻이죠. 즉, h1태그에 color라는 색깔 속성에 값이 빨간색이 되도록 하라는 겁니다. 참고로 color는 글자색입니다.(주의할 점 : 배경색이 아님) 스타일 속성을 넣는 위치는 다양하게 있는데 보통 보편적으로 태그 사이에 넣습니다. 참고로 영문자p만 쓰고 엔터를 치게 되면 자동으로 가 입력됩니다. 꿀팁이니 알아두세요! 선택자 중에 "*"도 있는데 이것은 모든 요소를 선택합니다. 주로 프로젝트 초기에 세팅이 됩니다. 그리고 스타일을 넣을 때 전에 배웠던 id도 선택자도 쓸 수 있..
![](http://i1.daumcdn.net/thumb/C150x150.fwebp.q85/?fname=https://blog.kakaocdn.net/dn/ba9UPW/btq96FsJess/HB8Q6kZXqkNGrE8hig4CkK/img.png)
맛있는 전복죽을 요리하는 법 전복죽 레시피 필수 재료 목록 재료 수량 전복 3마리 물 1000ml 통깨 1/4손가락 불린쌀 1종이컵 소금 아주 적게 조리 방법 전복은 깨끗이 솔로 씻어 숟가락으로 껍질과 분리하고 이빨을 제거한다. 손질한 전복을 얇게 썰어 준비하고 내장은 다져서 준비한다. 냄비에 준비한 전복을 참기름2큰술 넣고 볶다가 색이 살짝 변하면 불린쌀을 넣어 같이 볶는다. 전복과 쌀을 볶은 냄비에 내장도 함께 넣어 볶다가 물을 넣는다. 죽이 자작해 지면 소금으로 간을 하고 쌀알이 물러 지면 불을 끄고 그릇에 덜어 통깨를 뿌려 완성 한다. block예시입니다 block예시입니다 block예시입니다 block예시입니다 block예시입니다 span예시입니다. span예시입니다. span예시입니다. 부천에..
![](http://i1.daumcdn.net/thumb/C150x150.fwebp.q85/?fname=https://blog.kakaocdn.net/dn/MpfjT/btq91N6kw6T/krbYKPPgwg3YzZ2kcAAX9k/img.png)
오늘은 글자 태그, 테이블 태그, 공간 분할 태그를 배웠습니다. 글자태그들은 주로 이렇게 이루어져 있습니다. 글자 태그 , : 굵은 글자 태그 , : 기울어진 글자 태그 작은 글자 태그 : 아래에 달라 붙는 글자 태그 : 위에 달라 붙는 글자 태그 : 밑줄 글자 태그 가운데 줄이 그어진 글자태그 보시면 재료의 글씨가 진한걸 볼 수 있습니다. 수량의 글씨는 옆으로 기울어져 있습니다. 해당 태그는 각각 과 을 쓴 것인데 두 태그는 다른 태그들과 다르게 시맨틱 태그입니다. 한마디로 의미를 가지고 있는 것이죠. 테이블 태그 이번엔 테이블 태그에 대해 알아보겠습니다. : 표 내부의 행 태그, table row : 행 내부의 제목 셀 태그, table header : 행 내부의 일반 셀 태그, table data ..
![](http://i1.daumcdn.net/thumb/C150x150.fwebp.q85/?fname=https://blog.kakaocdn.net/dn/bK9wbI/btq9RdcnTes/g0miFUfNDdBWYGpEvmIMv1/img.png)
오늘 수업은 링크를 표시하는 태그와 이미지를 나타낼 수 있는 태그에 대하여 배웠습니다. 태그는 anchor : 닻 이라고 생각하면 이해하기가 편합니다. 한마디로 링크로 이동하는 것이죠. 태그로 링크를 걸려면 이런 식으로 하면 됩니다. href는 "hyper link reference"라고 이해하시면 됩니다. 그리고 뒤에 나와있는 target="_blank"는 새창에서 저 링크가 열리는 것을 뜻합니다. 실제로 저장을 하고 라이브 서버를 보면 ※잠깐동안 창의 위쪽이 _blank 였다가 저 주소로 바뀌는걸 볼 수있습니다. 그리고 이미지를 살펴보겠습니다 HTML에선 이미지를 넣을 수 있는 방법이 크게 3가지가 있습니다 내부 URL 외부 URL 데이터 URL 내부 URL은 해당 컴퓨터에 직접 이미지 파일을 가지고..
![](http://i1.daumcdn.net/thumb/C150x150.fwebp.q85/?fname=https://blog.kakaocdn.net/dn/cVhmQ4/btq9Gst1Dns/nKqYNdG3pFCPCJzgPQlYok/img.png)
맛있는 전복죽을 요리하는 법 필수 재료 목록 <전복> 물 통깨 불린 쌀 소금 조리 방법 전복은 깨끗이 솔로 씻어 숟가락으로 껍질과 분리하고 이빨을 제거한다. 손질한 전복을 얇게 썰어 준비하고 내장은 다져서 준비한다. 냄비에 준비한 전복을 참기름2큰술 넣고 볶다가 색이 살짝 변하면 불린쌀을 넣어 같이 볶는다. 전복과 쌀을 볶은 냄비에 내장도 함께 넣어 볶다가 물을 넣는다. 죽이 자작해 지면 소금으로 간을 하고 쌀알이 물러 지면 불을 끄고 그릇에 덜어 통깨를 뿌려 완성 한다. 부천에서 공부하는 <판봉>입니다. 위의 결과는 아래와 같습니다. 전 글에는 안써져 있는 것들을 한번 찾아서 뭔지 살펴보세요! 요리의 출처는 "만개의레시피"에서 따왔습니다.
![](http://i1.daumcdn.net/thumb/C150x150.fwebp.q85/?fname=https://blog.kakaocdn.net/dn/bq2DgJ/btq9DuzjPd2/C6Jfl9iOY36WAz0Gd8BAc1/img.png)
학원 첫날엔 웹 개발할때 쓰는 프로그램 Visual Studio code를 사용했습니다. 선생님의 말씀으론 웹개발은 대부분이 "Visual Studio code"를 사용한다고 합니다. 참고로 "JAVA"로 개발하는 것은 인텔리제이보다 이클립스가 낫다고 합니다. ※화면내의 테마는 One Dark Pro를 사용했습니다.(검색하면 나옴!) 또한 "notepad++" 이라는 프로그램을 설치했습니다. 해당 프로그램은 개발보다는 간단하게 html 문서같은것들을 살펴보기에 적합합니다. 참고로 화면의 확대와 축소키는 다음과 같습니다. Ctrl + / Ctrl - 앞으로 배울것들은 주로 크게 4가지로 살펴볼건데 그 내용은 다음과 같습니다. HTML 레이아웃 태그 CSS 선택자, 속성(스타일) 반응형 레이아웃 입력 양식 ..