i-am-your-hope의 등록된 링크
i-am-your-hope로 등록된 네이버 블로그 포스트 수는 58건입니다.
[일상] 11월은 김장의 달 [내부링크]
며칠 동안 포스팅을 하지 못한 이유는 11월의 하이라이트 행사 김장 광활한 이 배추밭을 보면, 말문이 막힌다....ㅎ 여기에 있는 배추는 약 4,500포기 정도 심지어 작은 배추도 아니고 왕 큰 배추...! 배추 사이즈가 보이나요? 배추를 2,000포기 정도 뽑았어요. 배추가 커도 너무 크다!!!!!!!! 진심 농촌체험은 이런 게 아닐까 싶어요...ㅎ 첫째 날은 이렇게 배추를 뽑아서 정리하고 소금에 절여요. (제대로 찍지도 못함 :x) 포스팅해야지 하다가 일이 너무 바빠서 사진도 잘 못 찍음 또륵... 일하다가 올해 마지막 단풍 구경 하러 장태산으로 슝슝 해가 지고 있어서 사진을 몇 장 못 찍었지만 노을 지고 있는 사진 찍었어요! 메타세쿼이아 나무숲에서 한 장 찍고! 장태산 출렁다리 한 번 건너고, 문재인 전 대통령님이 방문하신 나무숲 잠깐 들렸다가 장태산을 20분 만에 해치우고 돌아왔어요. ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ 다음날 대망의 김장 하이라이트! 아침에 일어나서 잠깐 테라스 나왔는데
[대전 장태산 맛집] 정자나무가든 | 삼겹살&청국장 환상 조합 맛집 [내부링크]
대전에 제가 제일 사랑하는 고깃집이 있습니다. 저의 유아기, 아동기, 청소년기, 현재까지 매년 함께하는 맛집이라고 자부합니다. 정자나무가든 ️ 운영시간: 매일 11:00 - 21:30 ️정기휴무: 매주 월요일 ️ 위치: 대전광역시 서구 장안로 226 ️전화번호: 042-581-0987 정자나무가든 대전광역시 서구 장안로 226 정겨운 간판이 있습니다. 장태산을 가는 길에 위치하고 있어서 장태산도 가고 점심도 먹고 일석이조랍니다 :) 정자나무가든은 넓은 주차장이 있어요!!! 매주 월요일은 정기휴일이라서 장태산을 가겠다 하신다면, 월요일은 피해서 방문하세요. 메뉴는 위 사진을 참고하세요 'ㅅ' 저희는 생 삼겹살 주문했어요! 반찬이 몇 개인가요! 반찬과 쌈, 고기까지 완전 풀 세트 장착했습니다. 반찬은 콩나물무침, 방풍나물 무침, 씻은 묵은지볶음, 감자조림, 김치, 쪽파 무침, 도토리묵 무생채, 양파 피클, 마지막으로 동치미까지! 엄청 많아요....ㄷㄷ 정자나무가든 쌈은 비닐하우스에서 직
[논현맛집] 강남교자 본점 | 칼국수 장인의 고퀄리티 칼국수맛집 (feat. 만두맛집) [내부링크]
신논현역 근처 칼국수 + 만두 맛집 강남교자 본점 ️ 운영시간: 매일 10:30 - 21:00 (라스트 오더 20:20) ️ 위치: 서울 서초구 강남대로69길 11 삼미빌딩 ️전화번호: 02-536-4133 강남교자 본점 서울특별시 서초구 강남대로69길 11 삼미빌딩 신논현역에서 내려서 조금 걷다 보면, 강남교자 간판을 볼 수 있습니다! 뭔가 위엄 있는 간판...! "내가 이 구역의 교자 맛집이다" 라고 하는 듯한 느낌이에요. 강남교자는 2층에 있어요. 계단을 올라가면, 2층 안쪽에 위치하고 있답니다! 강남교자 본점 설날과 추석 단 이틀만 쉽니다. (일주일 내내 브레이크 타임 없이 영업합니다!) 주차 아무래도 강남이다보니.... 주차할 곳은 없답니다ㅠㅠㅠ 대중교통 이용을 권장합니다. (전 대중교통을 이용했어요.) 내부에 들어가서 인원수를 말하면, 자리로 안내해 주십니다 :) (쏘 스윗...) Previous image Next image 강남교자는 서초구 인정 맛집, 식신 2 스타
[상품] 피부 진정에 탁월한 루브엘 모이스처 카밍 시카크림 추천 [내부링크]
날씨가 점점 건조해져서 그런지 피부가 엄청 예민해졌어요. 원래 피부 타입이 수부지라서 환절기만 되면 올라오는 피부 정말 눈물 납니다.....c 그러던 중에 친구의 추천을 받아서 루브엘 모이스처 카밍 시카크림을 알게 됐어요! 짜잔 이 제품이랍니다 :) 루브엘은 환경에도 신경을 쓰는 스킨케어 회사인가 봐요. 저는 이런 디테일 너무 좋아하거든요! 루브엘이 추구하는 방향이 저의 피부 고민과 진짜 잘 맞는 것 같아요. 루브엘 시카크림은 75ml 용량을 가지고 있어요. 대부분의 다른 제품은 50ml이지만 루브엘은 1.5배 더 많은 75ml 용량이에요. 미백 · 주름개선 이중 기능성 화장품이네용 발림성은 말해 뭐해.....️ 정말 깔끔하게 발린답니다. 끈적이지 않고 바로 흡수되는 제형입니다. 저는 피부에 아토피가 있어서, 환절기가 되면 아토피가 얼굴에도 조금씩 올라와요. 그럴 때마다 스트레스를 받거든요...ㅠㅠ 특히 입 주변에 각질 정말 많이 올라와요. 루브엘 시카크림은 저자극 테스트를 완료했어
[쿠팡 체험단] 두 번째 만에 고가 체험단(?) 후기 (점수, 랭킹) [내부링크]
이번에는 열심히 한 것도 없는데 쿠팡 체험단이 됐더라고요? 처음 선정된 랭킹과 점수는 이렇습니다. 이번에 선정된 랭킹과 점수입니다. 저번보다 도움이 많이 늘었는데, 랭킹은 생각보다 많이 높아지지는 않았어요. 그 이유를 살펴보니까, 처음으로 선정되고 받은 상품 리뷰만 했거든요...ㅎ 쿠팡 체험단이 좋은 점은 체험단으로 작성한 리뷰도 점수에 포함이 된다는 거예요. 그렇게 제가 2주 동안 남긴 리뷰는 쿠팡 체험단으로 작성한 리뷰 하나였습니다ㅎㅎ 이번에는 진짜 진짜 기대 안 하고 있었거든요. 사실 벌써 2주가 지났는지도 몰랐음...ㅎ 문자 와서 된 걸 알았기 때문에, 헐레 벌레 쿠팡을 들어갔어요. 뭘 골라야 하나 고민하는데, 2주 전이랑 상품이 많이 다르더라고요? 맞아요. 제가 바로 고가 체험단 됐더라고요. 하지만, 쿠폰을 선택할 때의 저는 제가 고가 체험단인지도 모르고 눈앞에 보이는 침구 세트를 골랐어요. ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ 늦게 들어가서 비싼 건 다 끝났겠지만요. 침구 세트도
[블챌] 개기월식 [내부링크]
아이폰도 개기월식 찍을 수 있다고! 찍으면서 추워서 달달 떨었지만... 개기일식을 볼 수 있어서 너무 좋았던 한 주 :) 일주일 동안 할 얘기가 너무 많지만, 그건 블챌이 아닌 내 일상에서 얘기해야지 이번 주도 갓생을 살기로 약속 운동도 하고 포스팅도 열심히 하고 프로젝트도 마무리하고 나 자신에게 수고했다고 말할 수 있게 스스로 해냈다고 말할 수 있게 일주일을 잘 살아보자
[시흥 물왕저수지 카페] 워터킹커피로스터스(커피볶는 칼디) | 직접 로스팅 + 블렌딩하는 커피 전문점 (메뉴, 위치, 바리스타 수업) [내부링크]
아빠, 엄마랑 같이 물왕저수지 카페에 다녀왔어요 :) 워터킹커피로스터스 ️ 운영시간: 매일 11:00 - 20:00 (라스트 오더 19:30) ️ 위치: 경기 시흥시 금화로332번길 13-26 ️ 전화번호: 031-411-0655 워터킹커피로스터스 경기도 시흥시 금화로332번길 13-26 영어로 딱 WATERKING COFFEE 존재감 뿜뿜하게 적혀 있습니다. 주차장이 넓어서 주차하기 편하실 거예요! 외부에도 자리가 있답니다. 따뜻한 계절에 외부에서 경치 구경하기 좋습니다. 입구 들어오자마자 상패가 엄청 많이 보여요. 이 상패들이 모두 커피 전문점으로 받은 상이랍니다. 내부로 들어오면 커피향이 퍼지면서 커피 원두, 커피 내리는 기구들을 구경할 수 있습니다. 마침 더치커피를 내리고 있었어요. 전 커피의 맛을 잘 모르지만, 커피향은 정말 좋았어요! 메뉴가 이렇게 많답니다! 직접 블렌딩한 커피도 판매하는데요. 숲속의 아이들은 골든 커피 어워드 은상을 받은 커피에요! Blooming Ber
[개발자 도전] 개발 블로그 이전 [내부링크]
개발 관련된 포스팅들은 모두 tistory로 이전될 예정입니다. 현재 블로그는 개인적인 내용이 더 많기 때문에, 개발 관련 내용들은 네이버 블로그에 작성하지 않으려고 합니다. 네이버 블로그에는 개발과 관련된 저의 일상(?) 정도는 올려볼 예정입니다ㅎㅎ tistory에는 아직 취준생으로 부족한 점도 많지만, 개발을 하면서 느꼈던 점, 오류 해결한 내용, 새롭게 습득한 지식 등 여러 가지를 열심히 공부하고 포스팅해서 나만의 지식을 키워보도록 하겠습니다 :) 아래 링크가 제 개발 블로그입니다! somang의 개발 블로그 백엔드 개발자 취준생 hope-so.tistory.com
[안산고잔동맛집] 국보만두 | 따끈한 만두전골 찐맛집 (솔직후기, 메뉴) [내부링크]
아빠와 데이트 일주일에 한 번씩은 가는 것 같은데 이번 주도 다녀왔습니다 :) 튀김만두 + 상추 = ccc 국보만두 ️ 운영시간: 매일 11:30 - 21:00 (라스트 오더 20:00) ️정기휴무: 매주 월요일 ️ 위치: 경기 안산시 단원구 광덕서로 62 101동 102호 ️전화번호: 0507-1436-9882 안산국보만두 경기도 안산시 단원구 광덕서로 62 101동 102호 아빠와 차를 타고 국보만두로 출발했습니다! 국보만두는 안산 법원 & 검찰청 바로 앞에 위치하고 있어요. 주차는 2가지 방법이 있습니다. ️ 국보만두 건물 지하 (2시간 무료) 이 방법은 비추...(비좁고 거의 만차) ️ MK 주차타워, AK 주차타워 (1시간 무료) 주차공간이 넓어서 전 여기가 더 좋았어요! 짠! 도착했습니다. 많은 방송사에 출연한 곳이었어요. (SBS, KBS, MBC 3사 모두 섭렵!) 만두곰탕은 할인을 진행하고 있습니다. 국보만두를 먹으러 오는 초등학생에게 경제 · 경영 학습만화를 선물로
[쿠팡 체험단] 첫 선정 후기 (점수, 랭킹, 선정 팁) [내부링크]
여러분, 저 쿠팡 체험단 선정됐어요!!!! 최근에 쿠팡 체험단을 알게 됐어요. 다들 아시겠지만, 쿠팡 체험단은 2주에 한 번(화요일) 선정됩니다! 먼저 제 점수와 랭킹을 보여드릴게요 :) 첫 당첨된 랭킹은 54,706등입니다. 맨 처음 시작할 때는 850만등 (2점) 이었어요...ㅎ 리뷰 4-5개 적고 나서는 32만등 (약 5,000점) 이었습니다! 그리고 리뷰 15개? 정도 적고 나서 16,716점으로 54,706등이었답니당 :) 랭킹은 매주 일요일 오전 8시 전후로 갱신된다고 해요!! 아마 다음 주에 또 갱신되겠죠? 이번 주 화요일에 당첨됐으니까, 2주 뒤에도 당첨됐으면 좋겠어요!!! 전 랭킹이 빠르게 상승한 걸 보고 아! 이번 쿠팡 체험단은 되겠다 하는 생각이 들었답니다. 그래서 화요일 오후 4시 58분부터 리뷰 관리 화면에 들어가서 기다리고 있었어요! 하지만......... 계속 안 나오더라고요..? 그래도 어떤 사람들은 5분에 문자나 쿠팡 알림이 왔다고 하는 블로그 글을
[연남 카페] 비비드크로넛 | 특별한 도넛이 있는 감성 카페 (메뉴, 위치, 음료 추천) [내부링크]
도전으로 먹었던 도넛인데 짱맛 비비드크로넛 ️ 운영시간: 매일 10:00 - 21:00 (금·토 22:00) ️ 위치: 서울특별시 마포구 연남동 255-19 1층 비비드크로넛 본점 서울특별시 마포구 연남동 255-19 1층 일정이 생겨서 홍대를 가게 됐어요! 홍대는 많이 가봤지만, 연남동에는 한 번도 가본 적이 없더라고요? 일정을 다 끝내고 연남동에 숲길공원 구경했어요. 날씨가 선선해서 좋았어요 :) 친구 만나기 전에 잠시 시간이 남아서 핫한 카페를 가기로 했습니다! 제가 간 카페는 크로넛으로 유명한 카페에요! 경의선 숲길공원에서 멀지 않은 곳에 있어요. 바로 옆에서 발견한 비비드크로넛 이름처럼 비비드 한 컬러로 외관이 너무 마음에 들었어요 날씨가 더 좋았다면, 쨍한 분위기가 더 살았을 거 같아요!! 딱 비비드크로넛만 보면 해외 느낌 물씬 나지 않나요? 이렇게 귀여운 포스터들도 붙어있어요! 오른쪽 입구로 들어가면, 짜잔! 매력적으로 꾸며져 있는 카운터를 볼 수 있습니다! 베이커리는
[안산 맛집] 킹콩등갈비바베큐 | 등갈비는 식사도 야식도 모두 합격 (메뉴, 배달, 추천) [내부링크]
우리 집 최애 배달 음식! 킹콩등갈비바베큐 ️ 운영시간: 매일 오전 10:30 - 익일 밤 12:30 ️ 위치: 경기 안산시 단원구 우목안길 1 ️ 전화번호: 031-504-6002 최근에도 시켜 먹었는데, 요즘 1일 1포스팅 하고 있잖아요? 어제 먹은 등갈비도 바로 포스팅해야죠 :) 3주 동안 다른 메뉴로 2번 정도 시켜 먹어서, 메뉴 2가지를 같이 적어볼까 합니당 요기 등갈비는 프랜차이즈가 아니라, 사장님이 등갈비 삶는 것부터 훈제까지 손수 다 하신다고 해요!! (포장해서 가지러 가면 하나씩 이야기 들음요ㅎ) 메뉴도 한 번 찍어봤습니다! 메뉴가 되게 많죠! 많이 먹어봤는데, 대부분 맛있어요 이 중에서 저희 집은 등갈비, 족발, 닭발 이렇게 3가지를 가장 많이 먹어요. 맛도 고를 수 있는데요! 등갈비는 4가지 맛, 나머지 메뉴는 3가지 맛 이 있습니다! 매운맛, 중간맛, 순한맛, 바베큐맛(등갈비만) 이렇게 맛이 나뉘어 있어요! 저는 맵찔이라서...c 대부분 순한맛으로 먹어요. 등
[여행] 2023년 1월 항공권 예매 완료 (예매 전 꼭 확인할 것은?) [내부링크]
전 드디어 떠납니다 ️ 2023년 1월 항공권을 결제했거든요 :) 마지막 해외여행은 2020년 1-2월.....️ 만 3년 만에 비행기를 탑니다. (제주행 비행기는 제외ㅎㅎ) 여러분의 마지막 해외여행은 언제였나요? 잠시 마지막 해외여행 추억 팔이...c 영국 & 스페인 정말 행복했던 시간c 2020년 2월에 코로나가 한국에 들어왔고 3년이란 시간 동안 해외여행은 꿈도 꾸지 못했어요 그래서 이번에는 어디로 가냐고요? 바로바로바로바로 단풍국 CANADA 캐나다 + 콜롬비아 (콜롬비아는 컨퍼런스 들으러 가용) 정말 행복하지만......... 제가요. 항공권을 결제하면서 정말 억울한 일이 있었는데요. 여러분은 그런 일을 절대 경험하지 않았으면 좋겠기에 적어봐요ㅎㅎ 대한민국 → 캐나다 캐나다 → 콜롬비아 콜롬비아 → 대한민국 저는 이렇게 다구간으로 항공권을 결제해야 했어요! 한국 사이트에서는 너무 비싸더라고요. 그래서 sky scanner로 열심히 찾아봤어요!!! 어디에서 결제했냐면요. GO
[4K 모니터] 주연테크 28인치 V28UE-M v2 | 가성비 4K 모니터 개봉기 (색감 조절) [내부링크]
제가 4K 모니터를 사게 됐어요. 사게 된 이유는, 11월 3일 동생 생일이었어요. 생일 선물로 뭘 줄까 고민하다가 얘가 듀얼 모니터를 쓰고 싶다고 하더라고요. 그래서 모니터를 사야겠다! 근데, 새 모니터를 쟤한테 주기에는 쟤가 모니터를 많이 사용하지 않으니까 내가 새 모니터를 쓰고 동생한테 내가 쓰던 걸 줘야겠다. 이렇게 동생과 합의를 봤습니다 :) 사실 제가 4K 모니터 사용하고 싶기도.... 네, 구매했습니다. 생각보다 엄청 저렴하게 구매했어요! 저는 11월 2일에 주문했고요. 저는 무결점으로 구매하지 않았습니다! 인터넷에 많이 찾아봤는데 무결점으로 시키지 않아도 양품이 온다고 해서 굳이 2만 원을 추가하지 않았답니다! 제가 구매할 당시(11월 2일) ssg.com에서 339,000원으로 판매하고 있었습니다. 저는 2가지 할인을 받았어요 첫 번째 할인은 ssg에서 진행하는 15% 상품 쿠폰을 사용했습니다. 339,000원에서 1차적으로 15% 할인받아서 50,850원 할인을
[안산 선부동 맛집] 갈비이야기 | 내 최애 갈비 찐 맛집 (메뉴, 위치) [내부링크]
갑자기 양념 갈비가 먹고 싶더라고요. 저에게 가장 좋아하는 음식이 뭐냐고 묻는다면, 양념 갈비를 말하겠어요. 그만큼 양념 갈비를 좋아한답니다. 사실 저희 집 근처에 제가 좋아하는 양념 갈비 집이 있어요. 근데 그냥 혼자 가서 먹기에는 금액이......부담.......ㅎ 그냥 생각만 하다가, 갑자기 먹으러 가게 됐습니다. 오예에 너무 신나잖아용 :) 제가 누구입니까? 쌩 초보 블로거이지만, 블로거 아닙니까! 블로거의 사명, 열심히 리뷰하는 것 넵! 많은 사진을 찍어봤습니다 갈비이야기 ️ 운영시간: 매일 11:30 - 22:00 (월요일 정기휴무) ️ 위치: 경기 안산시 단원구 선부광장로 15 ️ 전화번호: 031-487-0987 갈비이야기 경기도 안산시 단원구 선부광장로 15 갈비이야기는 선부동 동명에 건물 하나를 다 사용하는 가게입니다. (10년 전에도 엄청 인기 있는 가게랍니다.) 건물에 주차장이 있어서 주차 걱정 안 하셔도 됩니다 :) 건물 앞에도 공영 주차장이 있어요. 하지만
[시흥 카페] 청화공간 | 동양과 서양의 조화가 어우러진 한옥카페 (시그니처 메뉴, 위치, 애견동반 가능) [내부링크]
시그니처 커피가 맛있었던 카페 청화공간 ️ 운영시간: 10:00 - 22:00 ️ 위치: 경기 시흥시 호현로 155-25 청화공간 경기도 시흥시 호현로 155-25 카페청화공간 사실 제가 다녀온 날에는 날씨가 좋지 못했어요. 추운 날이기도 하고, 날이 많이 흐렸어요ㅠㅠ 그래서 외부 사진들은 흐릿할 수도 있다는 점... 양해 부탁드립니다. 사진 보정을 해봤는데, 인위적인 느낌이 나더라고요. 그래서 과감히 지워버렸어요! 흐린 날의 카페 느낌을 여러분과 공유하고 싶었어요 :) 보정한 사진도 하나같이 올려볼게요..ㅎㅎ 우측은 기본 카메라, 좌측은 아이폰 기본 보정 차이가 심하게 나죠...? 제가 느꼈던 색감과 분위기를 여러분도 같이 느껴보시면 좋을 거 같아서 전 보정 1도 없이 사진 올리겠습니다 일단 주차장이 엄청 넓어요! 제가 찍은 곳 말고 옆에 주차장이 또 있답니다! 주차하고 입구를 가기 위해선 돌계단을 올라가야 해요! 여기서부터 딱 한옥 느낌이 물씬 나더라고요. 진짜 어느 대감집(?
[개발자 도전] 국비 끝나고 바로 개발직 인턴 합격한 후기 [내부링크]
아무것도 모르고 패기 넘치게 도전했던 6개월의 과정이 끝났어요ㅎㅎ 이제 후기를 적게 되네요. 사실 국비는 2월에 끝났지만..ㅋㅋㅋㅋㅋ 올해 2월 4일에 종강으로 백엔드 교육과정이 끝나게 됐어요. 현재(11월) 생각해 보면, 정말 아무것도 모르던 사람이 인턴을 했다는 게... 정말 이해할 수 없네요ㅎㅎㅎ 하지만 인턴이 됐으니까요 ㅋㅋㅋㅋ 그 얘기를 해보도록 하겠습니다! 국비가 끝나기 한 달 전(?)부터 입사지원서와 이력서를 첨삭 받았어요. 그때부터 첨삭을 받기 시작했고, 입사지원을 하기 시작했습니다! 입사지원은 잡코리아, 사람인 등 다양한 방법으로 지원했어요 :) 제가 스스로 지원하는 것 외에, 학원에서 연계해 주는 회사도 있었어요. 학원 연계 학원 중에 괜찮은 회사를 지원했었는데, 그 회사가 덜컥 1차가 된 거예요! 학원 연계 회사는 어떻게 지원하는 방식이냐면요! (학원마다 다를 수 있어요) 이런 식으로 구인 의뢰서를 실장님이 보여주셨고, 제가 지원해 보겠다고 말씀드리면, 학원에 제
[안산 카페] 비누벨 | 핸드드립 커피 & 전시회도 볼 수 있다고? (메뉴, 위치, 주변 추천) [내부링크]
화랑유원지 주차장 옆에 핸드드립 카페가 있다고 해요! 이 근처에서 15년째 살고 있는데, 아직도 집 근처에 뭐가 있는지 모르다니...ㅎ 저희 아빠는 커피를 엄청 좋아하세요. 집에서 더치커피도 내려 마시고 예전에는 다양한 원두도 사서 드셨어요! 그래서 아빠를 모시고 출동했습니다. 카페 비누벨 ️ 운영시간: 10:00 - 21:00 ️ 위치: 경기 안산시 단원구 선부광장남로 115 저는 저녁에 갔기 때문에, 어두운 점 양해 부탁드려요!! 먼저 차를 주차하고 외부에서 카페가 어디에 있는지 확인해 봤습니다. 그런데 오잉? 어디 있는지 안 보였어요...ㅎ 이 건물에 위치하고 있는데요! 카페 비누벨은 이 건물 내부에 위치하고 있습니다!!! 저는 어두워서 어디에 있는지 더 안 보이더라고요. 투명한 계단 오르는 부분에서 저렇게 딱 문이 보였어요!! 앗 저기다 바로 입구로 들어갔고, 저 문을 볼 수 있었어요 :) 짜잔! 카페 비누벨!! 약간의 스포지만, 로스팅도 직접 하고 핸드드립도 내려주고 아트
[일상] 놀기만 한 것 같은 9월 [내부링크]
맛있는 걸 가장 많이 먹은 달이다. 8日 팔 레이저 제모 받고, 동생 대학교에 가서 동생과 동생 여자친구에게 비빔밥 사준 날 동생이 주문했었는데, 리뷰 이벤트 참여하고 계후를 하나씩 더 받아서 비빔밥 하나 당 계후 2개를 받게 됨 내 생각이긴 하지만, 비빔밥 1인분에는 계후 1개가 적당한 듯ㅎㅎㅎ 9-11日 드디어 보름달이 뜬 추석 맛집 스멜이 느껴지지 않는가? 하지만 이건 내 막냇동생의 솜씨 나도 육사시미 자를 줄 모르는데 얘는 먹는 거엔 찐 진심...ㄷㄷ 먹는 게 제일 예민한 내 막냇동생 아! 막냇동생은 중3(16살)임 동생이 맛있는 걸 좋아해서 좋은 점 ️ 본인이 만든 걸 한 입씩 먹게 해줌 ️ 만드는 게 생각보다 맛있음 ️ 부모님 안 계실 때, 얘가 알아서 식사 차려줌 명절 때마다 등장하는 고스톱 돈내기 아님... (다들 오해하지 마욧!) 저 동전들은 그냥 재미 명절만 되면 이렇게 보이는 애들이 있다. 계속 누워만 있는 애들... 제발 일어나..... 아침 먹고 사라지면
[코딩 일기] 10/13 MySQL - 제약 조건(NOT NULL) [내부링크]
이번 글에서는 제약 조건 중에서 NOT NULL에 대해서 알아보겠습니다. 제약 조건(constraint)이란? 데이터의 무결성을 지키기 위해, 데이터를 입력받을 때 실행하는 검사 규칙을 의미한다. 이러한 제약 조건은 CREATE 문으로 테이블을 생성하거나 ALTER 문으로 필드를 추가할 때도 설정할 수 있다. MySQL에서 사용할 수 있는 제약 조건은 5가지가 있습니다. 1. NOT NULL 2. UNIQUE 3. PRIMARY KEY 4. FOREIGN KEY 5. DEFAULT NOT NULL NOT NULL 제약 조건을 설정하면, 해당 필드는 NULL 값을 저장할 수 없다. 즉, 이 제약 조건이 설정된 필드는 무조건 데이터를 가지고 있어야 한다. NOT NULL 제약 조건은 CREATE 문으로 데이터를 생성하거나, 나중에 ALTER 문으로 추가할 수 있다. CREATE 문으로 NOT NULL 설정 CREATE TABLE 테이블이름 ( 필드이름 필드타입 NOT NULL. .
[코딩 일기] 10/14 MySQL - 제약 조건(UNIQUE) [내부링크]
제약 조건 5가지 중에서 UNIQUE에 대해 알아보겠습니다. 제약 조건 5가지 1. NOT NULL 2. UNIQUE 3. PRIMARY KEY 4. FOREIGN KEY 5. DEFAULT UNIQUE란? UNIQUE를 설정하면, 해당 필드는 서로 다른 값을 가져야 한다. → 중복된 값을 저장할 수 없다. CREATE 문으로 UNIQUE 설정 1. CREATE TABLE 테이블이름 ( 필드명 필드타입 UNIQUE, ... ) 2. CREATE TABLE 테이블이름 ( 필드이름 필드타입, ... [CONSTRAINT 제약조건이름] UNIQUE (필드이름) ) EX) CREATE TABLE 문을 사용하여 Test 테이블을 생성하면서 ID 필드에 UNIQUE 제약 조건을 설정하시오. CREATE TABLE Test ( ID INT UNIQUE, Name VARCHAR(30), ExmaDate DATE, Subejct VARCHAR(30) ); ALTER 문으로 UNIQUE 설정 A
[코딩 일기] 10/14 MySQL - 제약 조건(PRIMARY KEY) [내부링크]
제약 조건 5가지 중에서 PRIMARY KEY에 대해 알아보겠습니다. 제약 조건 5가지 1. NOT NULL 2. UNIQUE 3. PRIMARY KEY 4. FOREIGN KEY 5. DEFAULT PRIMARY KEY란? : 테이블의 데이터를 쉽고 빠르게 찾도록 도와주는 역할 이 제약 조건을 설정하면, 해당 필드는 NOT NULL과 UNIQUE 제약 조건의 특징을 모두 가진다. → PRIMARY KEY가 설정된 필드는 NULL 값을 가질 수 없고, 또한 중복된 값을 가질 수도 없다. PRIMARY KEY 제약 조건 = 기본 키 UNIQUE는 한 테이블의 여러 필드에 설정할 수 있지만, PRIMARY KEY는 테이블당 오직 하나의 필드에만 설정할 수 있다. CREATE 문으로 PRIMARY KEY 설정 1. CREATE TABLE 테이블이름 ( 필드이름 필드타입 PRIMARY KEY, ... ) 2. CREATE TABLE 테이블이름 ( 필드이름 필드타입, ... [CONST
진짜 오랜만 ٩( ᐛ )و [내부링크]
오랜만에 블로그에 들어왔다. 국비 교육을 끝내고 회사 인턴을 경험했다. 인턴 생활 후 공부를 더 하고 싶어서 지금은 백수 상태! 공부 열심히 해서 더 좋은 곳 가야지
[일상] 더웠지만, 행복했던 8월 [내부링크]
오랜만에 블로그를 적어보려고 하니까, 엄청나게 어색하다...ㅋㅋㅋ 그래도 내 일상을 남기기 위해서 하는 거니까 재밌게 또 열심히 적어봐야지 8월에는 가장 큰 가족 행사가 있었다! 바로 친가 전체 부산 여행!!! 이게 가능할까 싶었지만? 가능하더라..ㅎㅎㅎ 힘들긴 했지만 너무 재밌었다. 가족 여행의 명분은 큰엄마와 큰아빠의 환갑이었다. 어떤 이유로든 가족들이 다 같이 모여서 여행을 간다는 게 쉬운 일은 아닌데, 이렇게라도 여행을 가게 돼서 너무 좋았다! 우리는 부산으로 차를 타고 가게 됐다. 고속도로에서 지난 터널이었는데, 날은 흐리지만 터널과 이 풍경이 너무 예뻐서 자연스럽게 한 컷 찍게 됐다. 부산 여행의 테마는 '식도락 여행'이다. 완전한 식도락을 경험할 수 있었다.....ㅎ 살은 3kg 이상 찐 듯... 눈물 나..cc 괜찮아, 그래도 살은 다시 뺄 수 있잖아!!! 간절곶도 가고 유명한 해동 용궁사도 다녀왔다. 한 가지 알아둬야 할 점은... 내가 여행 간 시점이 바로 이때였다
[시흥 맛집] 콩깍지 | 만두보다 두부가 더 맛있는 만두전골 맛집 (메뉴, 내 원픽, 근처 카페 추천) [내부링크]
오늘 점심에 아빠랑 다녀온 여우고개 맛집 오랜만에 건강한 느낌의 외식이었다. 날씨가 좋았다면 더 좋았지만..ㅎ 그래도 아빠랑 데이트 너무 좋았음 제가 픽한 점심 맛집은 콩깍지 입니다! (사실 아빠 pick...) 콩깍지 만두전골 곱창전골 경기도 시흥시 하우로 41 주차장도 넓어서 차 주차하기 편해요! 단풍이 알록달록 물들어서 이뻤어요 :) 콩깍지 옆에 77뽕 수타 짜장 짬뽕 집도 있어요! 여기도 맛집이라고 하셨어요! 항아리 해물짬뽕이 2만 8천 원(?) 정도인데 성인 남성 3명이 나눠 먹을 정도로 양이 많다고 했어요! 77뽕 수타짜장짬뽕 경기도 시흥시 하우로 41-1 1층 콩깍지 집이랑 짬뽕 집이 주차장을 같이 공유해서 사용해요! 하여튼 두 집 모두 맛집이라는 점 c 뒤에 빼꼼 우리 아빠️ 가게 바로 앞에는 한국소비자산업평가에서 시흥시 전골/샤브샤브 부문 우수를 받았다고 해요!! 이거까진 모르고 갔는데, 더 기대가 됐어요ㅎㅎ 제가 이 집에서 알고 있는 건 화학조미료를 하나도 사용하
[코딩 일기] 10/8 MySQL - 내장 함수(날짜 & 시간 관련 함수) [내부링크]
날짜와 시간 관련 함수는 많은 내용이 있습니다! 많은 함수들을 알아보도록 하겠습니다. 현재 날짜와 시간 정보 NOW ( ) | SYSDATE ( ) | CURRENT_TIMESTAMP ( ) : 현재 날짜와 시간 출력 SELECT NOW(), SYSDATE(), CURRENT_TIMESTAMP(); NOW () vs SYSDATE () vs CURRENT_TIMESTAMP () 차이는? : 쿼리를 시작하고 5초 뒤에 또 시간을 출력한다면 어떤 차이가 있는지 확인해보세요. → 현재 날짜 값을 가지고 오지만, 현재라는 기준이 다르다! 1. NOW () : 쿼리가 시작한 순간의 시각 → 쿼리 블럭에서 최초로 시작되는 시각 2. CURRENT_TIMESTAMP () : NOW ()와 같다! → 쿼리 블럭에서 최초로 시작되는 시각 CURRENT_TIMESTAMP () = NOW () 3. SYSDATE () : 쿼리가 시작한 순간의 시각 → 함수를 호출할 때의 시각 CURDATE (
[코딩 일기] 10/11 MySQL - GROUP BY절, HAVING절 [내부링크]
그룹화와 관련된 GROUP BY절과 조건절인 HAVING절에 대해 알아보겠습니다. GROUP BY절과HAVING절은 함께 다니는 짝꿍이라고 생각하시면 됩니다. 특정 컬럼을 그룹화 하는 GROUP BY 그룹화한 특정 컬럼의 결과에 조건을 설정하는 HAVING SELECT문에서 조건을 설정하는 WHERE절이 있습니다. SELECT문에 사용하는 조건절이 2개가 있는데, 어떤 차이가 있을까요? WHERE은 그룹화하기 전의 조건이고, HAVING은 그룹화 이후의 조건입니다. 컬럼 그룹화 SELECT 컬럼 FROM 테이블 GROUP BY 그룹화할 컬럼; * EX) 나라별 조회 SELECT country FROM customers GROUP BY country; 조건 처리 후 컬럼 그룹화 SELECT 컬럼 FROM 테이블 WHERE 조건식 GROUP BY 그룹화할 컬럼; * EX) creditLimit가 120000 이상인 country 조회 SELECT country FROM custom
[코딩 일기] 10/12 MySQL - JOIN [내부링크]
다중 테이블 연산 방법 중 JOIN에 대해서 알아보도록 하겠습니다. JOIN은 데이터베이스 내의 여러 테이블에서 가져온 레코드를 조합하여 하나의 테이블이나 결과 집합으로 표현한다. → 보통 SELECT 문과 함께 자주 사용된다. JOIN은 크게 3가지로 나눌 수 있습니다. INNER JOIN OUTER JOIN → LEFT JOIN, RIGHT JOIN SELF JOIN INNER JOIN : 두 개 이상의 테이블의 키값이 동일한 부분만 추출 → 교집합(A ∩ B) 1. 첫 번째 테이블 이름 INNER JOIN 두 번째 테이블 이름 ON 조건 2. 첫 번째 테이블 이름 JOIN 두 번째 테이블 이름 ON 조건 ON 절에서는 WHERE 절에서 사용할 수 있는 모든 조건을 사용할 수 있다. MySQL에서는 JOIN, INNER JOIN, CROSS JOIN을 모두 같은 의미로 사용한다. 테이블의 이름이 길거나 복잡한 경우에는 별칭(alias)을 사용하여 SQL 구문을 간략화
[코딩 일기] 10/12 MySQL - 서브 쿼리(Sub Query) [내부링크]
다중 테이블 연산 방법 중 서브 쿼리(Sub Query)에 대해서 알아보도록 하겠습니다. 서브 쿼리(Sub Query)는 다른 쿼리 내부에 포함되어 있는 SELECT 문을 의미한다. → 외부 쿼리(Outer Query) : 서브 쿼리를 포함하고 있는 쿼리 → 내부 쿼리(Inner Query) : 서브 쿼리 서브 쿼리의 특징 반드시 괄호( )로 감싸져 있어야 한다. 서브 쿼리를 포함할 수 있는 외부쿼리는 SELECT, INSERT, UPDATE, DELETE, SET, DO문이 있다. 주로 외부 쿼리의 FROM과 WHERE의 조건으로 사용된다. 쿼리를 구조화시키므로, 쿼리의 각 부분을 명확히 구분할 수 있게 해준다. 복잡한 JOIN이나 UNION과 같은 동작을 수행할 수 있는 또 다른 방법을 제공한다. 복잡한 JOIN이나 UNION 보다 좀 더 읽기 편하다. 서브 쿼리는 또 다른 서브 쿼리 안에 포함될 수 있다. 실행 순서 : 서브 쿼리 → 외부 쿼리 실행 서브 쿼리
[코딩 일기] 10/13 MySQL - UPDATE 문 [내부링크]
레코드의 내용을 수정할 수 있는 UPDATE 문에 대해서 알아보도록 하겠습니다. UPDATE 문은 해당 테이블에서 WHERE 절의 조건에 만족하는 레코드의 값만을 수정합니다. → 조건이 없는 경우에는 테이블에 있는 열 전체가 변경할 값으로 UPDATE 된다. 기본 형식 UPDATE 테이블 이름 SET 컬럼 이름 = '변경할 값' (WHERE 조건) 예시 문제 EX1) guestbook 테이블에서 mid가 lee의 pwd를 '5555'로 변경 UPDATE guestbook SET pwd = '5555' WHERE mid = 'lee'; → mid가 lee인 컬럼이 2개가 있기 때문에, 두 개의 컬럼 모두 pwd가 '5555'로 변경된 것을 확인할 수 있다. 비밀번호가 동일한 게 싫으니까, 비밀번호를 다르게 변경해 볼까? EX2) num이 13이고 mid가 lee인 컬럼의 pwd는 '4444'로 변경 UPDATE guestbook SET pwd = '4444' WHERE num =
[코딩 일기] 10/13 MySQL - INDEX [내부링크]
MySQL에서의 INDEX(인덱스)에 대해 알아보겠습니다. 인덱스는 자주 사용되는 필드 값으로 만들어진 원본 테이블의 사본(?)이다. → 테이블에서 원하는 데이터를 쉽고 빠르게 찾기 위해 사용한다. 인덱스는 검색이 자주 사용되는 테이블에서 사용할 때 효율이 높다. 인덱스를 사용하는 이유는? MySQL은 데이터를 검색할 때, 처음부터 차례대로 테이블 전체를 검색하기 때문에, 테이블의 크기가 크면 클수록 데이터를 검색하는 시간도 늘어나게 된다. 인덱스를 사용하면 테이블 전체를 읽지 않아도 되기 때문에, 검색과 질의에 대한 처리가 빠르게 이루어진다. 또한 인덱스는 사용자가 직접 접근할 수는 없고 검색과 질의에 대한 처리에서만 사용된다. 인덱스가 설정된 값을 포함한 데이터의 삽입(INSERT), 삭제(DELETE), 수정(UPDATE) 작업이 원본 테이블에서 이루어질 경우, 인덱스도 함께 수정되어야 한다. → 이러한 경우에는 인덱스가 설정된 테이블의 처리 속도가 느려질 수 있다.
[코딩 일기] 10/13 MySQL - VIEW [내부링크]
요즘 자바를 나가고 있는데, 앞의 내용 배우고 자바를 배우다 보니까 눈 깜빡하면 진도가 빠르게 지나가더라고요. 진도를 나가고 그에 맞게 복습하면서 하루를 마무리하다 보니 블로그에 글 올리는 것도 생각 안 하고 있었어요...ㅎㅎ 오늘은 VIEW에 대해서 알아보겠습니다! 뷰(VIEW)는 무엇인가? 뷰(VIEW)는 데이터베이스에 존재하는 일종의 가상 테이블의 의미한다. 실제 테이블처럼 행과 열을 가지고 있지만, 실제로 데이터를 저장하고 있지 않는다. MySQL의 뷰(VIEW)는 다른 테이블이나 다른 뷰에 저장되어 있는 데이터를 보여주는 역할만을 수행한다. 즉, 뷰를 사용하면 여러 테이블이나 뷰를 하나의 테이블처럼 볼 수 있다. 뷰의 특징은? 장점 1. 특정 사용자에게 테이블 전체가 아닌 필요한 필드만 보여줄 수 있다. 2. 복잡한 쿼리를 단순화해서 사용할 수 있다. 3. 쿼리를 재사용할 수 있다. 단점 1. 한 번 정의된 뷰는 변경할 수 없다. 2. 삽입, 삭제, 갱신 작업에서 많
[코딩 일기] 10/7 QueryBox 설치 및 개발 환경 구축 [내부링크]
MySQL portable 버전 설치 잘 하셨나요? MySQL을 설치하신 분들은 CMD 창을 이용해도 되지만, 더 편하게 사용하기 위해서 DB도 tool을 사용하려고 합니다. 저는 학원에서 가벼운 프로그램을 쓰겠다고 했기 때문에, QueryBox를 설치했습니다. QueryBox를 설치하고 MySQL와 연결하는 방법까지 천천히 설명해 보도록 하겠습니다. QueryBox 다운로드하는 방법 1. QueryBox 홈페이지를 접속합니다. → Free Download 탭을 클릭합니다. 2. 스크롤을 내려서 자신의 컴퓨터 사양에 맞는 제품의 DOWNLOAD를 클릭합니다. 3. 다운로드한 프로그램은 exe 파일로, 바로 설치해 주세요. → 설치되면 프로그램 아이콘이 뜨는데, QueryBox 아이콘을 클릭해 주세요. 4. 이제 DBMS를 QueryBox에 연결해 보도록 하겠습니다. 연결 정보 → 제가 설정했던 기준으로 설명드릴게요. 1) 데이터베이스 종류 : MySQL 2) 별명 : 새로 생성하는
[코딩 일기] 10/8 MySQL - 테이블 조회(SELECT) [내부링크]
SQL의 특징 대소문자를 구분하지 않는다. MySQL의 주석 : 한 줄 주석( -- ) | 블록 주석( /* */ ) 열 이름에 별칭(Alias)를 지정할 수 있다. 식별자(데이터베이스 개체의 이름)를 만들 때의 규칙 a-z, A-Z, 0-9, $, _를 사용할 수 있다. 최대 64자로 제한된다. 예약어를 사용할 수 없다. 공백을 사용하려면 백 틱( ` `)으로 묶어서 사용한다. SELECT SELECT에서 가장 기본적으로 사용되는 형태는 아래의 문장이다. SELECT * FROM (테이블명); → 여기에서 *(별표)는 모든 행을 뜻한다. → FROM은 지정한 테이블에서 찾는다는 의미이다. → (테이블명)의 이름을 가진 테이블을 확인하는 명령어 /* employees 테이블을 조회하시오 */ SELECT * FROM employees SELECT (속성 1, 속성 2, ...) FROM (테이블명) WHERE (조건식); → (조건식)에 의해 해당하는 행을 선택하고 (
[코딩 일기] 10/8 MySQL - 내장 함수(숫자 관련 함수) [내부링크]
MySQL에는 많은 내장 함수가 있습니다. : 숫자 관련 함수, 문자 관련 함수, 논리 관련 함수, 집계 함수, 날짜 관련 함수 오늘은 숫자 관련 함수를 알아보겠습니다! 숫자 관련 함수 ABS (숫자) : 절댓값 출력 CEIL (숫자) : 올림 함수 SELECT ABS(-10), CEIL(10.1), CEIL(10), CEIL(-10); FLOOR (숫자) : 내림 함수 SELECT FLOOR(10.1), FLOOR(-10.1), FLOOR(10), FLOOR(-10); ROUND (숫자, 자릿수) : 소수점 자리를 지정하는 함수 자릿수 > 0 : 우측 n 번째 자리까지 보여준다.(우측의 값까지 반올림) 자릿수 < 0 : 좌측 n 번째에서 반올림이 일어난다. 자릿수 = 0 : 소수점 기준 → 생략할 경우 정수 부분까지 반올림하여 표시 SELECT ROUND(12345.123956, 3), ROUND(12935.123456, -3), ROUND(12345.923456, 0
[코딩 일기] 10/8 MySQL - 내장 함수(문자 관련 함수) [내부링크]
문자 관련 함수에 대해서 알아보겠습니다. ASCII (문자) : 문자의 아스키코드값 리턴 SELECT ASCII('a'), ASCII('A'); LENGTH (문자) : 전달받은 문자열의 길이 리턴 SELECT LENGTH('abcdefg'); CONCAT ('문자열 1', '문자열 2', '문자열 3', ...) : 전달받은 문자열을 모두 결합하여 하나의 문자열로 리턴 전달받은 문자열 중 하나라도 NULL이 존재하면, NULL을 반환한다. SELECT CONCAT('a', 'b', 'c'); INSERT ('문자열', '시작 위치', '길이', '새로운 문자열') : 문자열의 시작 위치부터 길이만큼 새로운 문자열로 교체 * abcdef 문자열의 두 번째에서 다섯 개의 문자를 '123'으로 바꾸시오 SELECT INSERT('abcdef', 2, 5, '123'); REPLACE ('문자열', '찾은 문자열', '대체 문자열') : 특정 문자열을 찾은 후에, 찾은 문자열을
[코딩 일기] 10/8 MySQL - 내장 함수(논리 관련 함수) [내부링크]
논리 관련 함수에 대해서 알아보겠습니다. MySQL 내장함수 중 논리 관련 함수는 IF와 IFNULL 이렇게 2개만 있습니다. IF (논리식, True 값, False 값) : 논리식이 참이면 참일 때 값을 출력하고, 거짓이면 거짓일 때 값을 출력 SELECT IF(10>1, '참입니다', '거짓입니다'), IF(10<1, '참입니다', '거짓입니다'); IFNULL (값 1, 값 2) : 값 1이 NULL이면 값 2로 대치하고 그렇지 않으면 값 1을 출력 SELECT IFNULL(NULL, 'THIS IS NULL'), IFNULL('THIS IS NOT NULL', 'THIS IS NULL'); EX) 금액 + 부가세의 결과가 5만 원 이상일 때는 총액과 '우수고객'을 출력하고, 그렇지 않으면 총액만 출력 SELECT FORMAT(amount, 2) AS '금액', FORMAT(amount*0.1, 2) AS '부가세', FORMAT(amount*1.1, 2) AS '총액'
[코딩 일기] 10/8 MySQL - 내장 함수(집계 함수) [내부링크]
집계 함수를 알아보도록 하겠습니다! COUNT (필드명) : NULL값이 아닌 레코드 수를 구한다. SUM (필드명) : 필드명의 합계를 구한다. AVG (필드명) : 각각의 그룹 안에서 필드명의 평균값을 구한다. MAX (필드명) : 최대값을 구한다. MIN (필드명) : 최소값을 구한다. SELECT COUNT(customerNumber), FORMAT(SUM(amount), 0), FORMAT(AVG(amount), 0), FORMAT(MAX(amount), 0), FORMAT(MIN(amount), 0) FROM payments; ↓ payments 필드의 내용 ↓ COUNT(customerNumber) = customerNumber가 273개 있다. SUM(amount) = amount의 합계가 8,853,839이다. AVG(amount) = amount의 평균이 32,432이다. MAX(amount) = amount에서 가장 큰 값은 120,167이다.
[코딩 일기] 9/7 Java Script 공부 ① [내부링크]
eclipse 들여 쓰기(tab) 사이즈 변경 : preferences - General - Editors - Text Editors - Displayed tab width Java Script 작성 방법 ① 태그 안에 직접 작성하기 <태그명 핸들러명 = '자바스크립트 코드'/> <label onclick="alert('hello')"> ② script 태그 안에 작성하기 위치 : <head/> 태그 안에 | <body/> 태그 맨 뒤에 <script> 안에 <script> 중첩 불가! <script> a=10; b=20; c=a+b/2; alert(c); </script> → 내 예상 : c = 15 | 실제 : c = 20 다르게 나오는 그 이유는? "연산식 우선순위 → ×, ÷ 가 ＋, －보다 우선순위" 내 생각은 사칙연산의 순서를 잘못 입력했기 때문에 다르게 나왔다고 생각한다. → a+b/2 = b/2 + a = 20/2 + 10 = 10 + 10 = 20 → c = 15
[코딩 일기] 9/8 Java Script 공부 ② [내부링크]
밍국이의 얼굴이 내가 수업을 들을 때의 얼굴과 비슷하다...ㅎ 연산자 비트 연산자 2진수 사용 + 비트 단위로 연산 자바 스크립트에서는 잘 쓰이지 않는 연산자 대입 연산자 : 대표적인 대입 연산자 "=" 산술연산자 병합 ↓ += → a = a+b; －= → a = a-b; = → a = ab; /= → a = a/b; %= → a = a%b; >>= → a = a>>b; 연산자 우선순위 괄호 → 부정, 증감 연산자 → 산술 연산자 → 비트 연산자 → 관계 연산자 → 비트식 → 논리 연산자 → 대입문 조건 제어문 조건 제어문에는 조건문과 반복문이 있다. 조건문에는 if 문과 switch 문이 있고, 반복문에는 for, while, do~while, for in이 있다. 먼저 check! 숫자를 적을 때, 단위를 생략해야 한다. let height = Cm185; // 변수로 인식 let weight = 75Kg; // 문자로 인식 if 문 1형식 if (조건) { A; B;
[코딩 일기] 9/9 Java Script 공부 ③ [내부링크]
요즘 돌아다니는 백신 짤이라던데...ㅋㅋㅋㅋㅋ 나는 이게 아니었단 말이야ㅠㅠㅠㅠ 일단 배운 내용 정리하고 일기를 구구절절 써볼게요...ㅎ 조건 제어문 조건 제어문에는 조건문과 반복문이 있다. 조건문에는 if 문과 switch 문이 있고, 반복문에는 for, while, do~while, for in이 있다. if 문 3형식 if (조건 1) { 조건 1이 참일 때, 실행 } else if (조건 2) { 조건 2가 참일 때, 실행 } else if (조건 3) { 조건 3이 참일 때, 실행 } [else { 조건 3이 거짓일 때, 실행 }] 무조건 실행 cc 연습 ① 고객의 point 점수를 사용하여 점수별로 등급을 표시하시오. <body> <fieldset> 고객의 point 점수를 사용하여 점수별로 등급을 표시하시오. <br> <ul> <li>1000점 이상이면, 'DIAMOND'</li> <li>800점 이상이면, 'VVIP'</li> <li>600점 이상이면, 'VIP'<
[코딩 일기] 9/10 Java Script 공부 ④ [내부링크]
조건 제어문 조건 제어문에는 조건문과 반복문이 있다. 조건문에는 if 문과 switch 문이 있고, 반복문에는 for, while, do~while, for in이 있다. 반복문 for 문 for (제어변수 = 초기값 ; 실행조건 ; 제어변수 증감) { 반복처리부분 } - 제어 변수 = 초기값 : 제어 변수가 여러 개가 있는 경우 ","를 사용하여 나열한다. // 1 ~ 100까지의 합 let sum = 0; for(var i=1; i<=100; i++) { sum = sum + i; } document.write('sum = ' + sum); // 1 ~ 100까지의 홀수의 합 sum = 0; for (var i=0; i<=100; i=i+2) { sum = sum + i; } document.write('<br> 1 ~ 100까지의 홀수의 합 : ', sum); // 1 ~ 100까지의 짝수의 합 sum = 0; for (var i=1; i<=100; i=i+2) { sum =
[코딩 일기] 일주일 동안 배운 내용으로 혼자 만들어 본 페이지(?) [내부링크]
일단 일주일 동안 배운 내용으로 내가 해볼 수 있는 걸 생각해 봤다. 저번 주까지 배운 내용으로는 HTML, CSS, Java Script이다. 그중에서 Java Script는 조건 제어문까지 배운 상태였다. 수업 시간에는 강사님께서 mission을 주시기도 하시고 같이 HTML, CSS, Java Script까지 사용해서 페이지를 만드는 시간을 가졌다. 중요한 건 내가 이 내용을 잘 이해하고 스스로 만들 수 있는지 그 부분이 궁금하기 시작했다. 저번 주에도 내가 배운 내용만을 가지고 혼자 만들어봤고, 이 방법이 내가 혼자서 공부하는데 더 집중하고 재밌게 공부할 수 있게 만들어준다. 누군가에게는 시간을 너무 잡아먹으면서 공부한다고 생각할 수 있지만 어차피 내가 해야 되는 공부이고 주말에 쉬는 시간에 재밌게 만들면서 할 수 있는 공부라면 나는 매주 내가 구상해서 만들어보고 싶은 생각이 있다. → 체력만 받쳐준다면 말이다... ㅎ 이번 주는 Java Script의 조건 제어문을 사용해보
[코딩 일기] 지금까지 블로그 작성하지 않았던 이유는...? 다시 시작합니다.️ [내부링크]
안녕하세요 :) 거의 한 달 동안 블로그에 글을 올리지 않았네요..ㅠㅠㅠ 블로그를 올리지 못할 사정이나 큰 문제가 있었던 것은 아니었어요!!! 그냥... 매일 공부는 하는데 올릴 내용이 없었다고 할까요? 매번 실습 위주의 수업을 하다 보니까 뭘 올려야 하나라는 고민이 있었어요. 9월 13일로 블로그를 한동안 올리지 않았는데, 그동안 저는 계속 Java Script를 배웠어요. 그리고 추석과 강사님 백신으로 인해서 쉬는 날도 꽤 많았네요. 마지막 올린 날로부터 학원 수업은 오늘까지 총 13번? 정도 한 거 같아요. 프런트엔드 쪽을 먼저 끝냈고, 어제부터 DB 쪽을 시작했어요!! 다른 부분을 시작하니까 확실히 새로운 내용 배우고 재밌더라고요. 확실히 한 번쯤은 다른 부분으로 리프레시가 필요하다고 생각해요 :) 다른 국비 학원 다니시는 분들을 네이버 카페나 OKKY에서 보면, 국비 학원에서 처음으로 Java를 배운다고 하시더라고요. 어떤 분들은 학원 다닌 지 한 달쯤 되니까 Java를 다
[코딩 일기] 10월 드디어 DB 시작! → MySQL 무설치 버전(portable) 설치하기 [내부링크]
HTML, CSS, Java Script를 끝냈습니다!! 아직 너무나도 부족하지만....ㅎㅎ그래도 학원 진도에 맞춰서 잘 따라가고 있다는 것에 만족하고 있습니다. 이번 주에는 DB를 배우게 되었습니다. 지금까지 배운 내용이랑 조금 다른 내용이라고 할까요? 그래서 다시 신나게 공부하고 있습니다 :) 이번 MySQL을 설치하면서 개발 환경을 구축하는 부분이 얼마나 중요한지를 다시 한번 느끼게 되었어요! 솔직히 개발 환경을 구축하는 건 일 년에 몇 번 하지 않는 일이기 때문에, 다시 하려고 하면 굉장히 헷갈리더라고요. 그래서 개발 환경 구축 방법을 까먹지 않도록 정리해야겠다고 생각했습니다. 개발 환경을 구축하지 않으면, 어떤 일도 시작하지 못하니까요!! 다른 어떤 일보다 중요하다고 생각해요 :) 일단 저는 MySQL portable을 설치했습니다. MySQL 다운로드하는 방법 1. MySQL 홈페이지를 접속합니다. → DOWNLOADS 탭을 클릭합니다. 2. 스크롤을 내려서 하단의 MyS
[코딩 일기] 9/1 CSS 공부 ③ [내부링크]
연습 조건 ① 영역 전체를 감싸는 스타일은 .container이고 텍스트 영역을 감싸는 스타일은 .content이다. ② 영역 전체에 배경 이미지를 삽입하는데 반복하지 않고 영역 전체를 덮을 수 있도록 한다. → .container 스타일에 속성 추가 ③ 텍스트 영역에 흰색 배경을 깔되 너무 진하지 않게 불투명도(alpha 값)를 0.5로 지정한다. → .content 스타일에 속성 추가 HTML 코드 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>example1.html</title> <link rel='stylesheet' type='text/css' href='example1.css'> </head> <body> <h1>example1</h1> <div class='container'> <div class='content'>점! 심! 시! 간!</div> </div> </body> </html> CSS 코드 @cha
[코딩 일기] 9/2 CSS 공부 ④ [내부링크]
화면에 표(?) 만드는 법 1. display의 inline-block : block 사이에 유격(?)이 생긴다. 2. float : 부모 영역을 인식하지 못해서 강제로 지정해야 할 떄가 있다.(+ clear 사용 필요) 3. display의 table : table-row + table-cell 함께 사용 + 표 만들 수 있다.(유격 x) CSS 박스 모델 - 테두리 관련 속성 속성값은 시계 방향으로 돌아가면서 지정할 수 있다. - border-style : 테두리 스타일 지정 - border-width : 테두리 두께 지정 - border-color : 테두리 색 지정 - border : 테두리 스타일 묶어서 지정 - border-radius : 박스 모서리 둥글게 만들기 → 모서리 부분에 원이 하나 있는 것처럼 원의 반지름 값을 지정하면 곡선을 그릴 수 있음 border-radius: <크기> | <백분율> → top-left | top-right | bottom-left
[코딩 일기] 9/3 CSS 공부 ⑤ [내부링크]
display | visibility 순수한 CSS만 사용해서 나타낼 수 있는 방법은 나타내고자 하는 코드의 영역을 나타나 있는 코드 안에 속하도록 하는 것이다. #main .sub1 { clear: both; display: none; } #main .menu .a:hover .sub1 { color: red; display: block; } #main .sub2 { visibility: hidden; } #main .menu .b:hover .sub2 { color: red; visibility: visible; } → display보다, visibility를 더 선호한다. display는 화면을 차지하지 않았다가 차지하기 때문에 화면이 달라지는데, visibility는 이미 화면이 차지된 상황에서 콘텐츠만 가렸다가 다시 보이기 때문에 화면이 달라지지 않는다. z-index : 요소 쌓는 순서 정하기 값이 작을수록 아래에 쌓이고 값이 클수록 값이 작은 요소보다 위에 쌓인다.
[코딩 일기] 9/6 CSS 공부 ⑥ - 마지막 [내부링크]
CSS와 애니메이션 → 많이 사용하지 않기 때문에 보기만 하기 | 실무 사용 X transform과 변형 함수 변형 관련 속성 transform-origin : 변형 기준점 설정 perspective, perspective-origin : 원근감 표현 transform-style : 3D 변형 적용 backface-visibility : 요소의 뒷면 표시 transition 트랜지션: 시간에 따라 웹 요소의 스타일 속성이 조금씩 바뀌는 것 transition-property : 적용할 속성 지정 transition-duration : 진행 시간 지정 transition-timing-function : 속도 곡선 지정 transition-delay : 지연 시간 설정 transition : 트랜지션 속성 한꺼번에 표시 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>transition.html</title> <style
[코딩 일기] 8/27 HTML 공부 ⑤ - Almost Last(?) [내부링크]
* 주의 사항 보안 관련 내용을 input type='hidden'에 넣으면 안 된다. → 화면에는 보이지 않지만, 소스 보기에서는 보인다. | 보안의 문제에 신경 써야 한다. * <input> 태그 속성 → autofocus : 입력 커서 표시 → placeholder : 힌트 표시 → readonly : 읽기 전용 필드 → required : 필수 필드 지정 * <style> 맛보기 .을 찍으면, class=' '를 나타낸다. - .container{ } : → <태그 class='container'> 의미 - ul{ } : 앞에 .이 없으면, 전체 ul 태그를 의미 - label.title{ } : label 태그 중에 class 속성 값이 title인 요소 - fieldset legend{ } : 사이 띄어쓰기는 모든 후손을 의미한다. → ex) fieldset 안에 있는 모든 legend ※ fieldset > legend{ } : 모든 자손을 의미한다. | 태그의 중첩 1
[코딩 일기] 8/30 CSS 공부 ① [내부링크]
방명록 만들기 복습 Dynamic Web Project로 만듦 tomcat에서 port name 'HTTP/1.1'은 웹 전용 port이다. tomcat은 JSP 컨테이너이다. → like 일종의 server CRUD 기능 중에서 신입에게 처음 맡기는 것은 '읽기 | 조회'이다. → 실패해도 괜찮다(?) 가장 잘 하는 사람들에게 '조회'를 맡기면 실패 확률이 줄어든다. → 방명록 틀 먼저 HTML 태그를 이용해서 만들기(CSS는 이제 배움) <p> 태그 보다 <div> 태그를 많이 사용한다. → <p> 태그는 여백이 생김 * CSS 기본 내용 Cascading Style Sheets : HTML로 만들었던 골격에 디자인으로 옷을 입혀주는 것 CSS 작성 위치 ① 태그에 직접 작성하는 방법(인라인 스타일) style 속성 사용 <h3>style 속성을 사용하여 CSS 적용하기</h3> <div style='border:2px solid #00f'>안녕하세요.</div> ② 파일 내부
[코딩 일기] 8/31 CSS 공부 ② [내부링크]
방명록에 어떤 CSS를 입히는 게 좋은지 생각하고, 한 번 시도해보기. → 단편적으로 사용되는 것은 없다. 모두 조합해서 만들어내는 것(응용 hard) * box model margin : border를 기준으로 박스의 여백을 지정 padding : 테두리와 content 간의 간격 → box-sizing 사용 box-sizing : 박스의 크기를 화면에 표시하는 방식을 변경하는 속성 → border-box 지정하면, 테두리를 포함한 크기 지정 가능 → padding 사용 시 box-sizing : border-box 사용 * 브라우저 캐시 사용 장점 : 웹서핑을 보다 빠르게 진행할 수 있다. 단점 : 코드가 reloading이 불안정하다. → ctrl + shift + R로 강제 로딩(?) 브라우저의 캐시 기능 중지 : F12(개발자 모드) → Network 탭 → Disable cache → cache 사용 이유?) 임시 기억 장치 (속도 향상, 패킷량(네트워크 사용량) 감소_
[코딩 일기] 8/25 HTML 공부 ③ [내부링크]
* 이미지(image) 웹 이미지 형식 : png, jpg, gif <img> 태그 → src : "경로" → alt : "대체 텍스트" → width : "너비 px" → height : "높이 px" <figure>, <figcaption> 태그 : 이미지에 설명 글 붙이기 상대 경로 : <img src='images/cover.jpg'> → 파일의 위치에 따라 경로가 가변 됨 절대 경로 : <img src='abc(프로젝트명)/images/cover.jpg'> → 경로명이 매우 길어질 수 있음 → 프로젝트명이 바뀌면 코드 상에 있는 모든 내용을 수정해야 함(유지 보수 어려움) * 오늘의 말씀(?) 기초를 탄탄히 해야 한다. → 나중에 격차가 벌어진다. 그러니까 "自問自答"을 많이 하자! 복습을 더 열심히 해야 한다. → 새롭게 코딩해보는 게 아니라, 기존 코드를 '수정'하기 복습하고 모르는 부분 check → 선생님께 질문하기 * 링크(link) <a> 태그 → href : 연
[코딩 일기] 8/26 HTML 공부 ④ [내부링크]
eclipse에서 ctrl+space = 자동 완성 기능 → 남용 X * <map> 태그, <area> 태그 → <map> : 이미지 맵 made → <area> : 영역 표시 | shape 지정, coords(좌표) 지정, href 지정 ※ coords(poly)는 순서대로 라인이 이어지게 지정해야 한다. → usemap : 이미지 맵 지정 <img src="이미지 파일" usemap="#맵이름"> <map name="맵이름"> <area alt="귀" shape="poly" coords="123, 345" href="http://naver.com" target="_blank"> </area> </map> 개발자는 기능 구현이 올바르게 되는지를 중요하게 생각한다면, 사용자는 사용하기 쉽고 편한 것이 가장 중요하다. * <form> 태그 <form> 태그를 사용하지 않으면, 변수를 서버로 전송할 때 개별적으로 저장해야 한다. 그렇기 때문에 <form> 태그를 사용하지 않을 이유는 없
[코딩 일기] 8/24 HTML 공부 ② [내부링크]
→ tip 외부 tomcat port 번호 4444 | 8888 지정 내부(eclipse) tomcat port 번호 → 내부 port 번호 5555 | 9292로 수정 이렇게 하면, 동시 실행 가능! 문자나 배치 등과 같은 html 요소들은 될 수 있으면 CSS로 표현(권장사항) → CSS는 나중에 배운다! * Level 요소 1. 블록 레벨(Block-level) 내용의 크기에 관계 없이 행 전체(한 줄)를 차지하는 요소 ex) p, div, blockquote 2. 인라인 레벨(Inline-level) 자신이 가지고 있는 컨텐츠의 크기만큼만 영역을 차지하는 요소 ex) block-level에 포함되지 않은 요소 대부분 * 인라인 레벨 태그 <strong> : 굵게 강조 <b> : 굵게 표시 <em> : 이탤릭체로 강조 <i> : 이탤릭체로 표시 <q> : 인용 내용 표시 <mark> : 형광펜 <span> : 줄바꿈 없이 영역 묶기 <ruby> : 동아시아 글자 표기 <abbr
[코딩 일기] 8/13 HTML 첫 시작 [내부링크]
* 학원-집 자료 이동 USB 사용 → 아직까지 github는 사용하지 않음 eclipse USB 자료 불러오기 : import → import → General → Existing Projects into Workspace → USB 폴더 선택 * WEB-INF 폴더는 내부 인식은 허용되지만, 외부 접근은 불가능하다. → 보안에는 유리하지만, 단위 테스트는 불편하다. (완성된 코드는 이 폴더에 넣으려고 하기도 함) - lib : 추가한 외부 라이브러리의 위치 - web.xml : 웹 서비스 시 필요한 초기 설정 webapp 폴더 내에 file을 추가해야 한다. (HTML, CSS, JS 등) * HTML의 기본 코드 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> </body> </htm> <!DOCTYPE html> : html5 규정에 의거해 만들어졌다는 것을 서버에 전달한다.
[코딩 일기] 8/23 HTML 공부 ① [내부링크]
html 문법은 규칙에 유연하다. → 처음에 학술적으로 사용했기 때문에 * 태그 종류(?) < > : 시작 태그 </ > : 끝 태그 < /> : 시작 + 끝 → ex) <br/> = <br> 같은 의미 ※ 시작과 끝 태그가 함께 있는 태그는 태그 끝에 슬래시를 붙이는 게 정석이지만, html 문법은 유연하기 때문에 html에서는 명령어 대신 태그(tag)를 사용한다. 속성값은 작은따옴표나 큰따옴표를 사용한다. (숫자는 예외인 경우도 있음) ex) a = 0 '=' 수학 : 같다. 전산 : 우변의 값을 좌변에 있는 변수에 대입하시오. 5 = 20 (x) → 변수가 없음 5 = a (x) → 변수는 좌변에 위치해야 함 == 관계연산자 : 값만 같으면 true === 관계연산자 : 값 + 값의 종류(Data Type)까지 같으면 true 속성명 color의 속성명은 영어가 아닌 RGB 값으로 적용한다. → #RRGGBB(16진수) webapp : web root (web의 최상위 경로
네이버 블로그
티스토리
커뮤니티