cleveryellowduck의 등록된 링크
cleveryellowduck로 등록된 네이버 블로그 포스트 수는 217건입니다.
1. 아마 가장 오래된 일기장 [내부링크]
오늘 블로그에 새 카테고리를 만들었다. 집에서 어린 시절 일기장을 꽤나 많이 발견했는데, 재밌는게 많아서 혼자 킥킥대기 아깝다고 생각! 그래서 만든 카테고리다. 1번을 시작으로 내가 우르르 올린다면 글 몇 개 올리고 끝나겠지만... 여러 개 나눠서 올릴 예정이다. 처음은 가벼운 일기들로 시작.. 때는 바야흐로 2007년 1월... 8살이었다. 나이만 보고 초1이네 싶었는데, 일기를 보고 아직 유치원생이었다는걸 알아차렸다. 생각해보니 3월이 입학식이잖아? 아무튼 이번 '1. 아마 가장 오래된 일기장'에서는 나의 유딩 시절 일기를 살짝 공개..!! 하나씩 기록 삼아 올릴까하다가 부끄러워서 그냥 쪼금씩... 올릴 예정 ㅎ.ㅎ 일단 시작.. 1. 아빠 빨리 오세요 2. 왜 빨리 일어났을까? 3. 바이올린 선생님 오신 날 4. 목욕하는 날 5. 친찬 받았다. 아빠 빨리 오세요 오늘은 밤에 아빠가 늦게 오셨다. 어렸을 때 내가 기억하는 아빠는 아침에 일찍 나가시고 밤늦게 들어오셨다. 힘들어 보
2. 바쁜 유치원생의 우당탕탕 하루 [내부링크]
벌써 시리즈 두 번째 글! 어제 하나 올리고 빨리 또 쓰고 싶어서 또 쓰고 있다. 아참! 올리는 일기 날짜를 보면 연속돼 있지 않은데, 쓴 일기를 다 올리는 게 아니라 올리고 싶은 날의 일기장만 올려서 그렇다. 진짜 성실히 거의 매일 쓴 일기장 보유 중인 사람으로.. 나 좀 어렸을 때부터 대단한 것 같다.(?) 지금 아직 유치원생 시절의(초등학교 입학 전인 8살) 일기를 올리고 있는데, 점점 회차를 거듭할수록 그림에 색도 생기고 글이 점차 길어지는 일기가 올라오는 것을 확인할 수 있다. 마음이 몽글몽글해지는 나의 어린 시절 일기. 오늘도 시작! 1. 즐거웠다. 2. 발표회 날 3. 재밌다 4. 눈 온다. 5. 선생님 가지마세요 즐거웠다. 놀이터에서 언니들랑 같이 재미젰놀았다. 그네에서 굴렀떨어졌다. 진짜 암만 봐도 웃긴 유치원생 말투와 맞춤법...ㅎㅋㅎㅎㅋ 제목은 '즐거웠다.'인데, 그네에서 굴러떨어진 내용이 있는... 이 일기를 보고나서 그네에서 굴러떨어지든 상관없이 재밌게 놀았던
[잠실] 포켓몬 팝업스토어 [내부링크]
잠실 롯데월드몰에서 포켓몬 팝업스토어를..!! 이건 가야한다. 출처 : 포켓몬 코리아 팝업스토어 기간은 2023.2.17~27까지!! 금요일 첫 날에는 엄청 사람이 많았다고 하는데... 내가 간 날은 2.20(월)!! 사람이 엄~~청나게 많지는 않았다! 10시 23분 대기 예약 → 11시 10분 입장! 이 정도면 꽤나 양호한 편! 출처 : 포켓몬 코리아 너무 귀여워.... 너네 보러 갔다왔다 내가. 꾸왁스. 특히 너. 왜케 귀엽니 ㅋ. 아무튼 입장~~~~ 우!와! 꾸왁스도 안뇽! 볼펜도 기엽고 노트도 기엽고 핀도 기엽고 파우치도 기엽고 텀블러도 기엽고. 근데 텀블러 why 3만원대? 진짜 귀여운데 비쌌움. 허어어어ㅓ거어거어겅 꾸왁스가! 세상을! 구한다! 멋진 꾸왁스 자태가 보이시나요? 꾸왁스 영접 행복하다. 희귀한 물에 떠있는 꾸왁스 그림. 오. so cute해요. 너도 기엽네~~~~ 잠만보 표정 이거임. → → ㅡ_ㅡ ㅋㅋ ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ아니 진짜 귀여워!!!! 세탁인형들
3. 일어났는데 졸려서 또 자는 삶이란 [내부링크]
과거 일기 시리즈 3번째 글 ^_^ 이 일기 시리즈를 연재하는 작가(?)가 된 것만 같아서 쓸 때마다 기분이 좋다. 매일매일 연재하려했지만 어쩌다보니... 좀 늦게 돌아온 3번째 글. 서론은 여기까지만 하고 시작! 1. 발표회 날(2) 2. 가은아 어디있니 3. 비온다 4. 졸려 5. 바느질 발표회 날(2) 나는 오늘 발표회를 했다. 피아노도 치고 리코더도 하고 영어도 했다. 제목이 발표회날인 일기가 또! 저번 2번째 게시물에도 있었는데 또 발표회를 했나보다 ㅎㅎ 사람들을 졸라맨으로 아주 잘 표현했었군. 머리도 묶고 웃는 모습으로 있는 걸 보니 이 발표회 때도 행복했나보다. 지금은 저런 발표회를 할 기회가 없어서 아쉽다. 무언가를 연습하고 그걸 다수의 사람들 앞에서 보여주는 기회가 커서는 많지 않다는걸... 깨닫게 된 어른... 그런 의미로 이 글을 보는 사람 중에 삶이 무료하고~~~~~ 심심한 사람~~~~은 뜬금없이 연락해서 피아노 연주해달라하면 해드리겠습니다^_^ (아, 당연히
[개발상식] REST API란?(+RESTful API?) [내부링크]
1. REST API? 2. RESTful? 1) RESTful 하게 API 를 디자인 한다는 것은 무엇을 의미하는가? 2) 장점 3) 단점 REST API? REpresentational State Transfer 의 약자 REST 는 Resource Oriented Architecture 이다. (하나의 아키텍처로 볼 수 있다!) → API 설계의 중심에 자원(Resource)이 있고 HTTP Method 를 통해 자원을 처리하도록 설계하는 것 요렇게만 설명하면 엥??하는 사람들을 위해...좋은 동영상을 가져왔다!!! https://www.youtube.com/watch?v=Nxi8Ur89Akw 요 동영상을 쭉 정리해보자면.. 1) REST API의 일반적인 인식 URI를 통해 자원을 지정하고, HTTP 메서드를 통해 해당 자원에 대한 행위를 명시하는 API다 → ex) 사용자라는 자원에 대해서 CRUD작업을 하고 싶다면... /user와 같은 URI로 사용자라는 자원을 지정하고
[Database] 1. DB 소개 - DB어플리케이션 예, DB 사용 목적, 데이터 모델 [내부링크]
데이터베이스 공부했던 것 정리본을 블로그에 옮기기! (시작하기 전에.... 'DB = Database = 데이터베이스' 다 같은 뜻입니다.) <목차> 1. DB 어플리케이션 예 2. DB 사용 목적 3. Data Models(데이터 모델) - 3.1) Data Models(데이터 모델) 이란? - 3.2) Data Models(데이터 모델) 종류 1. DB 어플리케이션 예 기업 - sales, 회계, 인사관리 제조업계 - 재고관리 은행, 금융권 - 고객 정보, 신용카드 거래내역 대학 - 등록, 학점 항공사 - 예약, 일정 web-based service - 온라인 판매, 광고 문서 - 공문 처리 ... 2. DB 사용 목적 초창기에는 DB Application들이 파일 시스템이 올라가있었음 → 그 시절 문제 ①~⑦을 해결하는 것이 데이터베이스 system의 목적 ① 데이터가 중복(redundancy)되어있고 일관성이 없다.(inconsistency)(불일치한다) ② 데이터 엑세스 어
[Database] 2. DB 소개② - View, Schema, Instance, Physical Data Independence [내부링크]
'1. DB 소개'에 이어서 2. DB 소개② - View, Schema, Instance, Physical Data Independence에 대해 정리해보겠습니다:) (목차 4~6에 해당) <목차> 1. DB 어플리케이션 예 2. DB 사용 목적 3. Data Models(데이터 모델) - 3.1) Data Models(데이터 모델) 이란? - 3.2) Data Models(데이터 모델) 종류 1~3에 대한 내용은 아래 글 참고해주세요! https://blog.naver.com/cleveryellowduck/223004395018 [DataBase] 1. DB 소개 - DB어플리케이션 예, DB 사용 목적, 데이터 모델 데이터베이스 공부했던 것 정리본을 블로그에 옮기기! (시작하기 전에.... 'DB = DataBase ... blog.naver.com 4. View of Data(DB에 다양한 관점 존재) 5. Schemas and Instances 6. Physical Data
[Database] 3. DB 소개③ - DDL, DML, SQL Query Language [내부링크]
'1. DB 소개'와 '2. DB 소개②'에 이어서 3. DB 소개③ - DDL, DML, SQL Query Language에 대해 정리해보겠습니다! (목차 7~9에 해당) <목차> 1. DB 어플리케이션 예 2. DB 사용 목적 3. Data Models(데이터 모델) - 3.1) Data Models(데이터 모델) 이란? - 3.2) Data Models(데이터 모델) 종류 1~3에 대한 내용은 아래 글 참고해주세요! https://blog.naver.com/cleveryellowduck/223004395018 [DataBase] 1. DB 소개 - DB어플리케이션 예, DB 사용 목적, 데이터 모델 데이터베이스 공부했던 것 정리본을 블로그에 옮기기! (시작하기 전에.... 'DB = DataBase ... blog.naver.com 4. View of Data(DB에 다양한 관점 존재) 5. Schemas and Instances 6. Physical Data Independe
[개발상식] 좋은 코드란? [내부링크]
좋은 코드란? 1. 읽기 쉬운 코드 2. 중복이 없는 코드 * 추출과 추상화? 3. 테스트가 용이한 코드 4. 일관성 있는 코드 5. 확장성 있는 코드 . . . 결론 1. 읽기 쉬운 코드 주석으로 익숙한 언어 사용 → but, 주석은 메타데이터이기 때문에 주석의 내용과 실제 동작이 일치한다고 보장 X. 읽기 쉽다는 것은 코드 이해하는 것도 포함 그럼 왜 왜 읽기 쉬워야 할까에 대한 답을 생각해보기 cf) 메타데이터?? 시간이 지남에 따라 많은 양의 데이터를 수집, 저장 및 분석할 수 있도록 일관된 방식으로 구조화된, 다른 데이터를 설명하는 데이터 2. 중복이 없는 코드 코드를 짜다보면 중복이 되는 코드가 발생하는 경우가 있다. 이 경우... 우리는 불편함을 느낀다! ※주의※ 단순히 중복된 코드를 추출하면 재사용 어려움! → 서로 의존 관계가 있는 것을 추출해야. 추출과 추상화 추출(extraction) - 기준없이 밖으로 끌어내는 것 추상화(abstraction) - 어떤 대상의
[개발상식] 객체 지향 프로그래밍이란?(OOP)(Object Oriented Programming) [내부링크]
예쁘게 게시물 쓰려고 오리 목차 로고랑 숫자 로고 미리캔버스로 열심히만들었다...ㅎㅎ 그럼 바로 시작! 1. 객체 지향 프로그래밍이란? 2. 객체 지향 프로그래밍 장단점 1) 장점 2) 단점 3. 객체 지향 프로그래밍의 특징 1) 추상화 2) 상속 3) 다형성 4) 캡슐화 4. 객체 지향 설계 원칙(SOLID) 1) 단일 책임 원칙 2) 개방 폐쇄 원칙 3) 리스코프 치환 원칙 4) 인터페이스 분리 원칙 5) 의존관계 역전 법칙 . . . 질문으로 공부 내용 확인하기 객체 지향 프로그래밍이란? 컴퓨터 프로그래밍의 페러다임중 하나. 프로그램을 수 많은 객체 라는 기본 단위로 나눈다. 이 객체 들이 서로 상호작용(메시지를 주고 받으며 데이터를 처리) 할 수 있게 구성하는 방식. 이를 잘 정리된 말로 표현하면 다음과 같이 말할 수 있다! 프로그래밍에서 필요한 데이터를 추상화시켜 상태와 행위를 가진 객체를 만들고 그 객체들 간의 유기적인 상호작용을 통해 로직을 구성하는 프로그래밍 방법 ※
[주간일기] 24주차(11.14~11.20) 일기 [내부링크]
할 거 많은데 하기 싫어서 주간일기 쓰는거 절대 (안)비밀....ㅠㅡㅠ.... 컴공 특 인덱스 매기기 좋아하는데, 오늘은 그냥 쭉~~~써보려구한다... 왜냐면 귀찮거등요... 저번 주부터 아침에는 간단하게 크런치 100개, 바이시클 크런치 50개, 레그레이즈 100개씩하고 등교하는 것을 목표로 했으나... 매일매일 못하는게 함정.... 아침에 왜케 피곤한지 모르겠움.. 월욜날 선배님들이 사쥬신 맛난 아이스티와 빼빼로들..... 난 행복한 아이야..... 이런 므찐 선배님들이 학교에..?! ㅎㅎㅎㅎㅎㅎ 사랑하고 존경합니다 선배님들... 그리고 잡채밥 먹움!! 넘 맛있었다.. 또 먹구 싶다... 아니 그리고 고등학교 선배님 인스타에서 본... 사진인데.. 우리학교 22학번으로 서울대 19명 합격했다는데 모두 정시 ㄹㅈㄷ... 참고로 나도 정시파였움... 갑자기 생각났는데 진짠지는 모르겠지만 공부 개개개잘하는 고등학교 선배님 중에 학교 짜증나서 수시 올 9등급 맞춰놓고 정시로 서울대 갔다
[주간일기] 25주차(11.21~11.27) 일기 [내부링크]
공부하던 중 딴 짓이 너무 하고싶어서 주간일기 씀!!!! 시작... 오늘도 시간이 없으니 인덱스는 생략.ㅎㅎ...... 오리 기엽져~~~ 선물 받음 ㅎㅎ 무슨 컨퍼런스 갔다가 받아온거라는데 귀엽다.. 요기다가 붙임 ㅎㅎㅎ 기엽죵 그리고 산.. 헤드셋...!! 소니 헤드셋 wh-ch710n!! 에어팟 프로나 이어폰 낄 일이 많은데 귀가 아파서 이거 삼... ㅠㅠㅠㅠ 음질 최고..노이즈캔슬링 에어팟프로보다 훨 좋음... 이거 외않사...? 그리고 힙함..!! 다음 주 주간일기에는 이거 끼고 셀카 찍어서 올려야지... 세상 hip girl 가눙ㅎㅎ 그리고 노래(뮤비) 추천 태버 007인데 최고. 이번 주에 먹은 쟁반짜장이랑 탕슉이랑 만듀 언니들이랑 노나 먹움 그리고 죽어가는 나에게 내려진 토마토 쥬스..와 얼음컵.. 왜 내 주변에는 이케 좋은 사람이 많은지!!! 다들 쵝오. 그리고 이번 주 대회가서 맛난 밥도 잔뜩 먹고 기여운 곰도 보구 호텔에서 언니들이랑 축구보면서 와인도 마쉼 ㅎㅎ 아
[주간일기] 26주차(11.28~12.04) 일기 [내부링크]
벌써 마지막 블챌이라니!!! (쉬어가는 주 포함) 26주 간 달려온 나!! 칭찬함!!!ㅎㅎㅎㅎㅎ 인덱스 안 쓴지 몇 주째 되는거 같은데.. 마지막 일기도..인덱스 없이 그냥 바로 고.. 이번 주에 동기들이랑 이마트도 갔다왔숨!! 염버니 피규어는 안 사고 미니언즈 인형 990원이라서 지혜웅니랑 하나씩 샀움!!히히ㅣ 기엽다.. 새콤달콤 먹으면 주는...근데 나 염버니 갖고 싶었는데 ㅠㅠㅠㅠㅠ 염버니 뽑은 사람...? 수업끝나고 나왔더니 본 예쁜 달.. 나는 어렸을 때부터 달이 너무 좋다. 좋아했고, 앞으로도 좋아할 것 같다. 영화나 책에서 황홀한 표현으로 쓰이는 달도 너무 좋고 위로를 주는 달도 너무 아련하게 다가와서 그냥 좋은 것 같다 ㅎㅎ. 그리고 이번 주에 팀플끝나고(?) 집에 힘들게 왔는데, 집와서 핸드폰 확인하니까..이런 디엠이..(하트)c 나.. 인복이..많은가벼 ㅠㅡㅠ 너무 행복해져서 말랑콩떡한 마음을 안고 잤다!!!!! ㅎㅎㅎㅎㅎ 이런 기욤미랑 친해져서 넘 조타. 근데 왜
[2022 마이 블로그 리포트] 올해 활동 데이터로 알아보는 2022 나의 블로그 리듬 [내부링크]
내가 이렇게 블로그를 많이 썼다니…. 2022 마이 블로그 리포트 2022년 올해 당신의 블로그 리듬을 알아볼 시간! COME ON! campaign.naver.com
[잠실] 러버덕 프로젝트 서울 2022(Rubber Duck Project Seoul 2022) 방문기 [내부링크]
너무 오랜만에 돌아온 것 같은 일기... 사실 오리 러버로서 안 갈 수 없었던 러버덕 프로젝트 서울.... 프로젝트 기간은 09.30~10.31 이었는데 10.29에 감!!! 막차 탑승.... 사실 바쁘기두 했고.... 그래서... 진짜 못 갈 줄 알았는데 어찌저찌 다녀와따!! 그럼 방문기 start 지하철에서부터 강려크한 존재.... 넘 귀여워씀... 석촌호수 동호!!!로!! 석촌호수 동호쪽으로 가면 요로코롬 러버덕 굿즈를 파는 곳 등장!!! ️ 짱 크니까 왕 귀엽다 히히... 어머~~~~~ 양갈래 러버덕~~~~ 기엽네~~~~~~ 이런 러버덕 전광판도 있었움!!!ㅎㅎㅎ 진짜... 러버덕 천국... 오리 러버는...너무 행복했어요....ㅠㅡㅠ 자 그럼... 본격적으로 러버덕을 보러...ㅎㅎㅎ 낮의 러버덕 밤의 러버덕 내가 조아하는 달과 오리가 한 번에....너무 좋아하는 사진!! 아련하게 한 번 찍어봐쓔... (와!!! 러버덕이다!!!! 하는 중) 굿즈 여러 개(마스킹테이프, 키링.
[뚝섬역] 성수동 놀거리 [내부링크]
제목을 거창하게 쓰려다가 그냥 썼ㄷ ㅏ ㅎㅎㅎ 잠이 안 와서 오랜만에 블로그 쓰기 시작.. 방학 시작하고 좀 쉬다가 열심히 일주일 출근 후.... 또 잔병치레를 했다..^_^ 병원 시러 주사 시러 인간..... 아무튼 그래서 출근 끝나고 일주일은 놀자! 했는데.... 처참하게 실패... 아무튼 이 썰은 여기서 풀게 아니고.. 다행히 거의 다 나을 때쯤 지은이와의 약속일이 왔다️ 진짜 다행히 부기도 거의 빠져서 안대를 하고 나갈 수 있게 돼서 너무 행복했다..ㅠㅠㅠㅠㅠ tmi가 길었는데 일기 시작!!~~~ 1. 점심은 '진작다이닝'에서 ^0^ 진작다이닝 서울특별시 성동구 왕십리로14나길 10 사진은 음식사진 전문가 지은님.... 보기만해도 넘 맛나 보이죠!! 히히 이날 비가 뚝뚝 왔는데 후다닥 들어간!! ㅎㅎ 원래는 웨이팅 있다는데 다행히!! 이날은 없었다 >_< 근데 지으니가 진짜 대박인게 내가 마제소바 먹고싶다는거 기억해서 비슷한 마제파스타도 시켜줌...ლ(ლ) 진짜 최고죠?? 울
[주간일기] 16주차(09.19~09.25) 일기 [내부링크]
사진을 보면서 기억을 되살리깅... 1. 파우더팩트 잃어버려서 새로 샀움....... 학교에서 파우더팩트 들고갔다가 수업 들은 자리에 고대로 놓고와서...새로샀다... 어바웃톤 파우더팩트가 최고(구 이글립스) 원래 기본 검은색깔 썼는데 이게 어바웃톤 에어핏 팩트라고 좀 더 가벼운??버전이라길래 샀는데 짱 조타 먼가 기본은 더 화장을 공들여한느낌 이거는 더 가볍게 피부 화장을 한 느낌???! 2. 학교 축제라서 신나게 놀았움 학교 추웠는데 언니들이 사준 따뜻한 음료와 타코야끼이 부스에서 처참히 실패한 결과... 살기 위해 먹은.....ㅎㅎㅎㅎㅎ 연예인들 공연이 진짜 꿀잼이었는데 사진 너무 많아서 핸드폰에 있던 사진을 옮겨놨더니................... 블로그에 못 올리네...? 암튼 열심히 뛰었더니 힘들었움........... 하......... 진짜 내 사랑들 넘 많이 옴....................(하트) 힘들어서 집가기 전에 동기언니랑 사먹은 치킨쓰...... 3
[주간일기] 17주차(09.26~10.02) 일기 [내부링크]
저번 주 일기에 이어서 이번 주 일기! 근데 이번 주는 사진첩에 뭐가 없어서 노잼 일기가 될거같다..ㅠㅠㅠ 1. 이벤트 참여하고 받은 무선 충전 마우스 패드 수업 끝나구 다같이 가서 와르르 이벤트 참여하고 받은 마우스 패드 ㅎㅎㅎ 유용하게 사용해주게따!!!!! 꽤 괜찮잖ㅇ ㅏ..? 2. 쿠키런킹덤 검볼다이버맛 쿠키 한 일주일만에 쿠키런킹덤했는데 (그래서 길드 강퇴당해서 다시 길드 가입해따..ㅠㅡㅠ) 새로운 쿠키 나와서 뽑움 ㅎ히히 넌 내꺼야 3. 덮밥 먹음 음식 사진이 이번 주에는 뭐가 없넹.. 4. 카페에서 시켜먹다 본 귀여운 그림 나도 누군가에게 저런 존재가 되도록해야지!! 나랑 함께라서 다들 행복하죠...?! 5. 교수님께 바치는 그림을 그림 아니 ㅠ 다음 수업 있는데 교수님이 안 끝내주셔서 열심히 그림...^_^ 교수님............. 진짜........................ 미워요.............................. 진짜 엄청 뛰어서 그 다음
[주간일기] 18주차(10.03~10.09) 일기 [내부링크]
이번 주가 벌써 끝났다.... 너무 힘들다... 시험 공부는 못했는데 왜이렇게 할 일이 많은지 모르겠다 눙물 그래도 일기 시작....ㅠㅡㅠ 1. 지혜 온니가 사쥰 이모티콘...(하트) 언니랑 대화하다가 오리 이모티콘이 기엽길래 기엽다고했더니... 갑자기 냅다 선물 받은 오리 임티...️ 기욥다... 근데 오리가 화내는 임티가 많아서 요즘 쓰기 좋음 ㅎㅎ 2. 같은 학번 동기들끼리 맘스텃ㅅ치 시켜 먹움 ㅎㅎ 우당탕탕 점심!!! 이 날 비도 와서 정신 없었당 ㅎ.ㅎ 3. 라네즈 메종키츠네 폰홀더백 후기! 라네즈 쿠션을 사면 가방을 주는... 대 혜자 콜라보가 있어서 샀당!! 원래 쓰던 쿠션(네오쿠션)이라서 완전 이득 ㅎㅎ 근데 패딩백 콜라보 된걸로 사고 싶었는데... 항상 패딩백은 품절... 그래도 폰홀더백이라도 구해서 다행이다 ㅠㅠㅠ 두-근....(하트) 이 사진 색감 절대 아님... 밑에 사진 색감입니당!!! 요기 사진이랑 색상이 제일 비슷..! 핸디백이지만 진짜 들어갈거 다 들어가
[주간일기] 19주차(10.10~10.16) 일기 [내부링크]
이제 진짜 시험 기간!! 간단하게 일기 써야겠다... 그럼 시작 1. 그릭요거트 사먹움 그릭 요거트가 진짜 대박인게 심심할 때 먹으면 그렇게 잘 먹어진ㄷ ㅏ.. 2. 수교 언니가 사쥰 아이스티!! 머였더라 그 쁘띠젤 짜먹는걸 머라하더라...암튼 그거를 아침에 배고파서 사는 겸 언니 것도 사서 줬는데 언가 맛난 아이스티를 사죠따!! (ㅎ ㅏ 트)️ 3. 열심히 근로... 처음으로 우편물 전달 업무도 했던... 난 수학과가 아님에도 수학과 과사에도 우편물 대신 전달... 하지만 먼가 재밌었다 4. 무신사(MUSINSA) 모자랑 옷 모자는 잃어버렸는데 시험 때 급하게 쓸거라서..샀당... 모자는 디파이클럽로버스의 You are not at fault 모자!! 빵 산 줄... 이런 포장에 오다니.. 넘 이뿌군 원래 아래 모자 살라했는데 색깔이 좀 그런가 싶어서 안 삼.. 파프리카 귀여운ㄷ ㅔ.. 5. 자주하는 게임 쿠키런킹덤(쿠킹덤)에 방탄소년단(BTS)가..출현..! 동생이 먼저 알려줬었
[주간일기] 20주차(10.17~10.23) 일기 [내부링크]
시험기간~~~이라서 간단하게 올려놓고 다시 수정할 예정!! 귀여운 오리도 보고 오리 주먹밥도 해먹고 오리 담요 선물도 받구 지금은... 내일 있을 시험 공부 중~️ 이번주도 홧팅~~~~~~~~~~~~ #20주차일기 #블챌 #블로그챌린지 #시험기간 #대학생 #오리 #오리귀여워
[주간일기] 21주차(10.24~10.30) 일기 [내부링크]
이번 주 주간일기는 쉬어갑니다. 삼가 고인의 명복을 빕니다. Pray for itaewon.
[주간일기] 23주차(11.07~11.13) 일기 [내부링크]
22주차 일기는 쉬어가는 주라해서 쉬고.. 진짜 오랜만에 주간 일기... 근데 할 일이 많아서 또 길게 쓰진 못 할 것 같다.. 블로그 쓸꺼 짱 많이 남아있는데 나의 행보(?)를 보아 아마두....... 방학 때 몰아서 재밌었던 일 쓸 것 같다.....ㅠㅠㅠㅠㅠㅠㅠ 일단 시작! 1. 삼겹김치찜 해먹음 사실 이건 11월 6일 일요일에 해먹었던건데 저번 주에는 주간 일기 쉬어갔으니 지금 올림 ㅎㅎ 넘 맛 존 맛 이러고나서 삼겹살 남아서 맛나게 그것도 다~~~구워서 먹음 ㅎㅎㅎ 나 점점 요천(요리천재라는 뜻) 되가는 요린이........일지도... 모두 저의 성장을 지켜봐주세효 2. 학교 사람들 만나서 스근하게 즐김 나.. 너무 행복해...쒀.... 약간 할 일 하고 사람들이랑 도란도란 이야기하는게 이렇게 재미질 줄이야. 아 그리고 빼빼로 너무 맛있었는데 저러고 다음 날에도 근로 담당자님께서도 빼빼로 주심!! 이름 모자이크..ㅎㅎㅎ 3. 손꾸락 다침 사실 다친 이야기는 블로그에다 쓸 내용
[주간일기] 11주차(08.15~08.21) 일기 [내부링크]
이번 주도 벌써 호로록 지나갔당 일기 시작!! 일기 쓰기 전에 보라색이 예뻐서 찍은 사진..ㅎㅎ 1. 핸드폰에 남아있는 자취방 음식들.. 찍은게 또 왜 이거 밖에 없어... 근데 확실한건 이번 주는 카레에 꽂혀서 카레도 만들어먹고 크림카레 리조또도 만들어먹구, 남은 소스로 카레 김밥도 야무지게 말아서 먹움...ㅎㅎ 크림카레 리조또 ㅋㅎ 소세지는 그냥 냉장고에 있던거 처분용으로 넣음 2. 쿠킹덤 수호의 성전 시즌8 마스터 1 맨날 못 찍음 이거 ㅠㅠ 그래두..이거 크리스탈이 꽤 짭잘..! 3. 자취방에 벌레 출현... (사진은 조금 내리면 나오니까 보고싶지 않은 사람들은 쓔쓕 넘기세여..,,,) 아니 진짜 주간일기에 안쓰고 싶은데... 첫 번째 사진이랑 두 번째 사진 다른 날... 첫 번째 사진에 있는 애는 벌같이 생겼는데(벌인지 모르겠는데) 웽웨엥~~거리다가 못 잡고 ㅠㅠ 어디갔는지 모르는 채로 자러 침대에 누웠는데 갑자기 발 밑에서 그 날개짓 소리가 남.... 알고 보니......
[주간일기] 12주차(08.22~08.28) 일기 [내부링크]
벌써 12주차 일기라니... 그럼 일기 시작!! 1. 월요일날 오랜만에 수원에서 도연이랑 지윤이 만나똬(하트) 아래는 먹은 것들!! 진짜...알차게 먹고 왔다...ㅎ 처음에 1층에 사람이 하나도 없길래 지윤이가 맛집 아닌 줄 알고 들어갈까 말까 고민했는데 알고보니 2층에 사람 북적...(머쓱) 암튼 맛집이었구,,, 오랜만에 만났는데도 하나도 안어색하구 재밌게 놀아따 그리고 하루필름 가서 사진도 찍었다!! 칭구들의 초상권을 위해 사진은 생략 히히 진짜 넘 편하고 재밌었다 집오는 길에 고양이도 봄 기여운 고양이씨. 2. 집 가다가 산 유부초밥 유부초밥 가게에서 사먹는건 처음인데 나뿌지않았다. 3. 책 사진 고냥 이번 주에 읽은 책.. 오랜만에 책 사진도 찍었다 혼자가 혼자에게 저자 이병률 출판 달 발매 2019.09.19. 책은 요건데 내가 좋아하는 작가님이다! 이 작가님 다른 책들 아직 못 읽은 것도 나중에 다 읽어봐야지 히히 ('바람이 분다 당신이 좋다'가 제일 좋ㅇ ㅏ...요) 4
[주간일기] 13-14주차(08.29~09.11) 일기 [내부링크]
저번 주에는 주간일기 쉬어가는 주! 그래서 저번 주, 이번 주 일기 몰아서 쓰기...ㅎㅎ 그냥 사진 저장되어 있는 순서대로 일기 쓸 예정..! 그럼 일기 시작! (블챌로 받은 이모티콘 다 너무 기엽다...) 1. 유튜브 댓글 저장 무언가 많은 생각을 해준 댓글이었다. 종종 유튜브를 보곤하는데 의도치않게 유튜브 댓글들에서 깨닫는 것들이 있는 것 같다. 그런걸 볼 때마다 캡쳐해서 핸드폰에 모아놓고 책처럼 가끔 본다. 2. 이마트에서 연어시킴 이마트에서 연어 300g을 시켰었는데 100g 넘게 더 와서 400g이 왔다..!! 갑자기 행복해진... 심지어 시킬 때 100g 당 가격 할인을 하길래 샀는데 먼가 더 이득인 기분.. 나는... 13000원 어치를 시켰는데 말이죠...? 아무튼 그래서 넉넉하게 초밥 만들어서 냠냠 먹었숩니다~~~ 솔직히 너무 맛났다.. 개인적으로 유부초밥집에서 사먹는 것보다 내꺼가 더 맛남!!!! (진짜임) 3. 닭갈비도 냠냠 대애충 닭갈비도 해서 먹어따! 근데 양
[주간일기] 15주차(09.12~09.18) 일기 [내부링크]
뭐했다고 또 일요일 밤이지.... 이번 주에는 진짜 사진첩에 사진이 없네 ㅠㅠ 그래도 일기 시작!! 1. 금주의 음식 사진들 갑자기 사진 찍어 놓은거 보니까 또 배고프다 지인짜 오랜만에 해먹은 스팸덮밥.. 기진맥진한 날 시켜먹은 육회도시락 동기 언니들이랑 먹은 짜장면과 치킨 덮밥(진짜 사진 구도 무슨 일이야..) 동기 언니가 사준 아이스티 히ㅣ히 저 세상 각도로 찍은 요거트.....(대체 왜 이렇게 찍어놓은거지?) 진짜 사진 왜 이렇게 찍었지(요거트임) 그 외 음식 사진들.. 근데 진짜 음식 사진 찍는거 특강해주실 분... 진짜 음식 어떻게 잘 찍는건지 모르겠어요 ㅠㅠ.. 열심히 먹기만 하는 내 인생 레전드 2. 오랜만에 고양이 식당 게임 잠깐 했다 기여운 편지가 와서 저장해놔따~~~~ 나도 바다가서 수영하고 싶었는데 왜 벌써 가을? 3. 나만 랄토스 이로치(색이 다른 포켓몬) 없어 첫 번째 사진 랄토스 많은거 귀여워서 인스타 스토리 올렸었는데, 파란색 귀여운 이로치가 있다고 알려줘
[React JS] React Component(Class Component와 Functional Component), React Hooks [내부링크]
React Component 1) Class Component 더 많은 기능 사용 가능(생성될 때 constructor을 거쳐서 rendering을 하고 componentDidMount 하는 등...이런 기능 같은 거는 Functional Component에서는 못씀) 코드가 좀 더 길고 복잡 성능이 좀 더 느림 2) Functional Component 제공하는 기능이 한정 코드가 짧고 간단 성능이 좀 더 빠름 Class Component를 쓰면 더 많은 기능(ex. life cycle method 사용, state 관리)을 사용 가능했기 때문에 대부분 Class Component를 썼었는데, React 16.8 버전에서 Hooks이라는걸 발표 후 Functional Component에서도 life cycle이라던가 state 부여하는 기능들을 쓸 수 있게 됐음!(GOOD) → Hooks 덕분에 Functional Component(함수형 컴포넌트)에서도 Class Componen
[이것이 코딩 테스트다 with Python] 1강_코딩 테스트란 무엇인가? + 카카오, 라인, 삼성전자 출제 경향 [내부링크]
방학 때 읽었던 책인 '이것이 취업을 위한 코딩 테스트다'라는 책을 정리해볼까 한다. 유튜브에 올라와있는 강의 순서에 따라 업로드 할 예정! 1강 유튜브 링크 https://youtu.be/Mf0pYO8VAZk 1. 온라인 코딩 테스트 vs 오프라인 코딩테스트 온라인 코테 인터넷 활용해 프로그램 역량 평가하여 응시자 선별 대체로 타인과 문제풀이 공유하지 않는 선에서 인터넷 검색 허용 오프라인 코테 시험장 방문하여 치름 대체로 인터넷 검색이 허용되지 않으며 회사에서 제공하는 컴퓨터 환경을 이용 5. 온라인 저지(Online Judge) 란? 프로그래밍 대회나 코딩 테스트에서 나올 법한 문제를 시험해보는 온라인 시스템 코드포스(Codeforces) http://www.codeforces.com 탑코더(TopCoder) https://www.topcoder.com 릿코드(LeetCode) https://leetcode.com 코드셰프(CODECHEF) https://www.codechef
[이것이 코딩 테스트다 with Python] 2강 알고리즘 성능 평가 [내부링크]
2강 유튜브 링크 https://youtu.be/Pj3IX2VehkU 1. 복잡도(Complexity) - 복잡도는 알고리즘의 성능을 나타내는 척도 시간 복잡도 : 특정한 크기의 입력에 대하여 알고리즘의 수행 시간 분석 공간 복잡도 : 특정한 크기의 입력에 대하여 알고리즘의 메모리 사용량 분석 - 동일한 기능을 수행하는 알고리즘이 있다면, 일반적으로 복잡도가 낮을수록 좋은 알고리즘! 2. 빅오 표기법(Big-O Natation) 가장 빠르게 증가하는 항만을 고려하는 표기법 → 함수의 상한만을 나타내게 됨 Ex) 연산 횟수가 3N³ + 5N² + 1,000,000인 알고리즘이 있다면 → 빅오 표기법에서는 차수가 가장 큰 항만 남기므로 O(N³)으로 표현됨 빅오 표기법 순위 (상수시간이 제일 좋고 지수 시간이 제일 나쁨) 명칭 O(1) 상수 시간(Constant time) O(logN) 로그 시간(Log time) O(N) 선형 시간 O(NlogN) 로그 선형 시간 O(N²) 이차 시간
화장품 영업의 세부 종류와 범위, 결격사유 [내부링크]
화장품의 영업의 세부 종류와 범위 1. 화장품제조업: 다음 각 목의 구분에 따른 영업 가. 화장품을 직접 제조하는 영업 나. 화장품 제조를 위탁받아 제조하는 영업 다. 화장품의 포장(1차 포장만 해당한다)을 하는 영업 2. 화장품책임판매업: 다음 각 목의 구분에 따른 영업 가. 화장품제조업자(법 제3조제1항에 따라 화장품제조업을 등록한 자를 말한다. 이하 같다)가 화장품을 직접 제조하여 유통ㆍ판매하는 영업 나. 화장품제조업자에게 위탁하여 제조된 화장품을 유통ㆍ판매하는 영업 다. 수입된 화장품을 유통ㆍ판매하는 영업 라. 수입대행형 거래(「전자상거래 등에서의 소비자보호에 관한 법률」 제2조제1호에 따른 전자상거래만 해당한다)를 목적으로 화장품을 알선ㆍ수여(授與)하는 영업 3. 맞춤형화장품판매업: 다음 각 목의 구분에 따른 영업 가. 제조 또는 수입된 화장품의 내용물에 다른 화장품의 내용물이나 식품의약품안전처장이 정하여 고시하는 원료를 추가하여 혼합한 화장품을 판매하는 영업 나. 제조 또
화장품 영업의 등록(화장품제조업, 화장품책임판매업), 신고(맞춤형화장품판매업) +맞춤형화장품조제관리사 결격 사유 [내부링크]
화장품 영업의 등록 - 화장품제조업 또는 화장품책임판매업을 하려는 자는 각각 총리령으로 정하는 바에 따라 식품의약품안전처장에게 등록하여야 한다. 등록한 사항 중 총리령으로 정하는 중요한 사항을 변경할 때에도 또한 같다. 화장품제조업 등록 - 화장품제조업을 등록하려는 자는 총리령으로 정하는 시설기준을 갖추어야 한다. 다만, 화장품의 일부 공정만을 제조하는 등 총리령으로 정하는 경우에 해당하는 때에는 시설의 일부를 갖추지 아니할 수 있다. 1) 화장품제조업 제출서류(*지방식품의약품안전청장에게 제출) 1. 등록신청서 4. 시설 평면도 2. 전문의 또는 의사 진단서 5. 사업자등록증, 법인등기부등본 3. 시설 명세서 6. 시험 위수탁계약서 2) 시설기준(화장품법 시행규칙 제 6조) 1. 제조 작업을 하는 다음 각 목의 시설을 갖춘 작업소 가. 쥐ㆍ해충 및 먼지 등을 막을 수 있는 시설 나. 작업대 등 제조에 필요한 시설 및 기구 다. 가루가 날리는 작업실은 가루를 제거하는 시설 2. 원료ㆍ
[React JS] Data Request, Response Flow, Axios 다운, CROS이슈 해결 Proxy 설정, Proxy Server 특징과 사용 이유 [내부링크]
오늘은 먼저 다이어그램부터! 출처 : 리액트 기초 강의 여기서 Server은 Node JS, Client는 React JS, DataBase는 몽고db 사용 만약, 어떤 유저가 로그인을 하려고하면(Request) ① Client에서 유저 ID와 비밀번호를 넣고 로그인 버튼 클릭 ② Server에서는 Data Base에 유저 ID가 있는지 찾고, 있으면 보내준 비밀번호가 유저 ID에 맞는지 체크하는 역할 ③ 맞으면 Client에게 보내는 Response는 성공,맞다. 아니라면 유저가 없다, 비밀번호가 맞지 않다 등을 Client에 전달 Node JS 카테고리에서 설명할 때는 Client는 React JS로 Client를 안 만들어놨기 때문에 Postman을 이용해서 이러한 Request를 보냈는데, 이제는 React JS 부분에서 Request를 보내면 되는데 그때 사용하는 게 AXIOS AXIOS는 jQuery를 사용할때 AJAX같은거라고 보면 됨. vs code 터미널에 다음 입력
[React JS] Concurrently 이용해서 프론트 서버와 백 서버 한번에 켜기 [내부링크]
Concurrently란? 여러 개의 commands를 동시 작동 시킬 수 있게 해주는 툴 Concurrently 다운 Concurrently 다운을 위해 vs code 터미널에 다음을 입력 npm install concurrently --save 요로코롬 잘 깔린걸 확인 Concurrently 사용 방법 요런식으로 사용해준다. 먼저 루트 디렉토리에 있는 package.json에 script를 추가적으로 만들어주자. 아래와 같이 작성하면 프론트 서버와 백 서버 한 번에 킬 수 있다! 이때 --prefix client를 쓰면 start를 알아서 client 폴더 안에 package.json에서 찾아줌 저장 후, npm run dev를 vs code 터미널에 입력해보면 둘 다 켜지는 걸 확인 가능 다이어그램 ※ 아래의 이미지는 해당 게시물과 관련이 없습니다.(귀여워서 첨부합니다ㅎㅎ)※ #concurrently #react #프론트서버 #백서버 #노란오리의하루기록
[React JS] CSS Framework 사용 이유, 종류, Ant Design [내부링크]
CSS Framework를 쓰는 이유? CSS를 사용하여 하나하나 다 만들 수 있는데 시간 낭비.. 기능을 만드는데 더욱 집중하기 위해서 사용 CSS FRAMEWORK 종류 for React JS ① Material UI ② React Bootstrap ③ Semantic UI ④ Ant Design ⑤ Materialize ... ④ Ant Design를 쓸 건데 이것의 단점은 : 사이즈가 큼. 많은 기능들이 포함되어있기 때문 이것의 장점은 : 스타일이 깔끔. 엔터프라이즈 환경에서도 어울리는 디자인을 만들 수 있음. 쓰기가 굉장히 편함 아래 사이트 들어가서 Components 카테고리에서 선택해서 가져오면 된다. https://ant.design/ Ant Design - The world's second most popular React UI framework Ant Design Ctrl K Design Docs Components Resources A design system f
[React JS] Redux와 State란? Redux 사용 이유와 Redux 데이터 흐름 [내부링크]
Redux란? 상태(state) 관리 라이브러리 for JavaScript apps (즉, Redux(리덕스)는 State을 관리해줌!) 그렇다면 State란? React에서는 Props와 State가 있다. Props는 1. properties의 줄입말 2. components 간에 무언가를 주고 받을 때 Props 이용 3. Props은 부모에서 자식으로만 보낼 수 있음 4. Props immutable(변경할 수 없는). 예를 들어 부모 component에서 자식 component로 1을 줬으면 1은 바뀔 수 없음. 1을 바꿀러면 다시 부모 component에서 자식 component로 2.. 등을 주는 수 밖에.. State는 1. 부모 component에서 자식 component로 데이터를 보내는 것이 아닌 그 component 안에서 데이터를 교환하거나 전달하려면 State 사용해야함. 2. State는 mutable. 3. State이 변하면 re-render 된다. W
[React JS] Redux 설치 및 설정 [내부링크]
다운 받아야 할 Dependency들 1. redux 2. react-redux 3. redux-promise (리덕스 미들웨어) 4. redux-thunk (리덕스 미들웨어) 3.4.가 필요한 이유? Redux를 잘 사용할 수 있게 도와줌. - Redux Store 안에 모든 State를 관리하게 되는데, State를 변경하고 싶으면 Dispatch를 이용해서 Action으로 변경시켜야 함. - Action은 객체의 형식이어야 Store가 받을 수 있는데, Store에서 언제나 객체의 형식으로 된 Action을 받는게 아니라 어느 경우에는 Promise형식이나 Functions형식으로 받을 때가 있다. (이 경우 3.4. 미들웨어로 받아서 써야함!) → 원래는 객체의 Action만 받는 Redux Store가 Promise형식이나 Functions형식도 받을 수 있게 해야함! 3. 4.를 미들웨어로 받은 경우 3. redux-promise은 dispatch한테 어떻게 promise
[주간일기] 10주차(08.08~08.14) 일기 [내부링크]
이번 주 공부도 했지만 좀 아팠던 주라서 사진이 음식 사진 몇 개 밖에...없음.............. 주간 일기 쓴 것 중에 가장 부실한 주간일기가 될 것 같은 예감...ㅠ 그래도 시작..! 아픈거 나아지고 혼자 기력을 보충하겠다며 먹은 삼겹살과 연어.. 다 먹으니까 단게 땡겨서 먹은 푸딩.. 아래는 원래 블로그 게시물 하나로 올리려고 했던... 음식 사진들...ㅠㅠ 귀찮으니까 그냥 주간일기에 대애충 써야지 남은 고기들+후추+맛술 마늘 + 간장 설탕 + 굴소스 + 두반장 완성~.~ 그냥 맛남.... 갑자기 배고프다 또... 그리고 아래 과자들은 울 아빠가 사오신 과자들...! 이거말고 많은데 나에게 할당된(?) 과자는 이만쿰!! 아빠 최고 아 그리고 색이 다른 지그제구리 잡음!!(무려 두 마리!!!) 마지막으로 드라마 보다가 오리 나와서 찍음 ㅎㅎ(이거 보고 무슨 드라마인지 맞추는 사람 없겠지..?) 오리는 기여워 이번 주 일기는 간략하게 인덱스도 없이 여기서 끝--- 먼가 짧으
[React JS] 리액트(React)란? Create-React-App, Npm과 Npx [내부링크]
Node JS로 백엔드 부분 기초를 게시물로 남겼는데, 프론트엔드에서 사용하는 라이브러리인 React JS도 블로그에 공부했던 내용을 간략하게 정리할 예정입니다. https://blog.naver.com/cleveryellowduck/222838839135 [Node JS] NODE JS 와 EXPRESS JS 소개와 다운로드 1. Node JS? : Node.js 는 서버사이드 자바스크립트. 즉, 브라우저 밖에서 자바스크립트를 사용할 수 ... blog.naver.com [Node JS] NODE JS 와 EXPRESS JS 소개와 다운로드 ~ [Node JS] 로그아웃(logout) 기능 만들기에 이어지는 게시물입니다. 여기서 잠깐 : " 왜 React는 라이브리리일까? " ① 프레임워크 : 원하는 기능 구현에 집중하여 개발할 수 있도록 필요한 기능을 갖추고 있는 것, 일정한 형태를 가지고 다양한 형태의 결과물을 만드는 것 ② 라이브러리 : 소프트웨어를 개발할 때 프로그래밍 사용
[mac] 맥북에서 파이참, 인텔리제이, 웹스톰, 데이타그립 등이 렉걸리는 문제 해결(버전 확인 및 재설치) [내부링크]
맥북에서 Pycharm(파이참), IntelliJ(인텔리제이), WebStorm(웹스톰), DataGrip(데이타그립) 등이 렉걸리는 문제 해결(버전 확인 및 재설치) 음^^ 새 맥북으로 바꾸고 다운로드 해서 현재 잘쓰고있는 툴들이 버벅였는데... 진짜 머지 싶었다.... 근데 내가 잘못했던 것..^^^^^^ 내가 바보야...엉엉 업데이트도 확인하고 했는데 렉걸리길래 진짜 노트북 이상한거 왔나 싶었는데 내가. 이 맥북은. intel칩이 아니라. apple silicon칩이 들어가있는데. 그냥 막 깔다가 intel용으로 깐 것..^^ 아 당연히 그냥 맥용 다운로드 눌렀죠 ㅠㅡㅠ...(인텔버전이 기본 다운로드인줄도 체크 안하고...) 그래서 새로 다 apple silicon버전으로 다시 다운로드 했습니당..... (아참 같은 맥북이라도 인텔 칩 쓰는 맥북이 있으니 확인하고 깔아주세요!!인텔칩 쓰는 맥북은 이 게시물대로 하면 안됩니당!! 그냥 그대로 intel용!!다운!!) 이런 화면인데
화장품법의 목적, 화장품 정의(화장품, 천연화장품, 유기농화장품, 맞춤형화장품, 한방화장품, 기능성화장품) 및 기본 용어 정의 정리 [내부링크]
그냥 오랜만에 취미로 화장품법 정리..ㅎㅎ 화장품법, 화장품법 시행령, 화장품법 시행규칙, 세부규정 고시, 해설서/지침서/가이드라인을 공부할 때는 중요 포인트를 잘 잡고 공부하는 것도 중요하지만, 예외 및 한정 범위(?)를 꼭 잘 봐야합니다. 1. 화장품법 목적? 이 법은 화장품의 제조ㆍ수입ㆍ판매 및 수출 등에 관한 사항을 규정함으로써 국민보건향상과 화장품 산업의 발전에 기여함을 목적으로 한다. 2. 화장품 정의 ① “화장품”이란 인체를 청결ㆍ미화하여 매력을 더하고 용모를 밝게 변화시키거나 피부ㆍ모발의 건강을 유지 또는 증진하기 위하여 인체에 바르고 문지르거나 뿌리는 등 이와 유사한 방법으로 사용되는 물품으로서 인체에 대한 작용이 경미한 것을 말한다. 다만, 「약사법」 제2조제4호의 의약품에 해당하는 물품은 제외한다. ② “기능성화장품”이란 ②-1) 화장품법에서의 기능성화장품의 범위 가. 피부의 미백에 도움을 주는 제품 나. 피부의 주름개선에 도움을 주는 제품 다. 피부를 곱게 태워
[React JS] Create React App 구조, rfce(리액트 함수형 컴포넌트 생성) [내부링크]
* 필요한 내용은 ctrl+F로 찾아보세요! 저번 게시물에서 한 대로 하면(Create React App로 리액트 시작한) https://blog.naver.com/cleveryellowduck/222843086757 [React JS] 리액트(React)란? Create-React-App, Npm과 Npx Node JS로 백엔드 부분 기초를 게시물로 남겼는데, 프론트엔드에서 사용하는 라이브러리인 React JS... blog.naver.com 요로케 client 폴더 안에 이런 것들이 생깁니다. ① 리액트를 켜보자. 먼저 vs code terminald에서 cd client입력해서 client 디렉토리(리액트가 있는 디렉토리)로 가서 npm run start 참고로, 아래 보이는 것처럼 client의 package.json 파일에서 드래그 한 부분이 start로 되어있으므로 npm run start를 입력하면 되는 것이다. 여기를 "다른거"로 바꾸면 npm run 다른거로 명령어를
[React JS에러] Something is already running on port 3000. 해결 [내부링크]
가끔 이런게 나오시는 분들이 있다고해서 해결법입니다. 요게 뜨면 터미널에 아래처럼 입력! npx kill-port 3000 요로코롬 완료.~ #react #노란오리의하루기록
[React JS] React Router Dom 다운과 사용 [내부링크]
페이지 이동 시 사용하는 것이 React Router Dom 아래 사이트 참조하여 사용..했었지만 https://v5.reactrouter.com/web/example/basic React Router: Declarative Routing for React Learn once, Route Anywhere v5.reactrouter.com 지금은 v5가 아니라 v6가 나왔기 때문에 https://reactrouter.com/docs/en/v6/upgrading/v5 React Router Declarative routing for React apps at any scale reactrouter.com 요 사이트 참조! 전 게시물에서 추가했던 App.js에 넣어서 만들건데, ① 먼저 React Router Dom을 사용을 위해 client 폴더로 와서 React Router Dom을 다운로드해준다.(vs code 터미널 이용) cd client npm install react-route
[React JS에러] 'Switch' is not exported from 'react-router-dom' 해결 [내부링크]
https://v5.reactrouter.com/web/example/basic 요사이트에서는 Switch를 쓰라고 알려주는데(v5용) 이제는 react-router-dom이v6로 upgrade되었기때문에 Switch를 더이상 지원을 안한다. 그래서 Switch -> Routes로 바뀌고 또한 component도 element로 바뀌었다. https://reactrouter.com/docs/en/v6/upgrading/v5 React Router Declarative routing for React apps at any scale reactrouter.com 사용은 요기 참고! + https://blog.naver.com/cleveryellowduck/222845527362 [React JS] React Router Dom 다운과 사용 페이지 이동 시 사용하는 것이 React Router Dom 아래 사이트 참조하여 사용..했었지만 https://v5.reac... blog.nave
[Node JS] Bcrypt로 비밀번호 암호화하기(회원 비밀번호 관리자에게 유출되지않게 암호화하는 법) [내부링크]
저번에 Postman이용해서 회원가입 정보를 넘기면 몽고 db에서는 아래처럼 비밀번호가 암호화되지않은 상태로 나온다. 그래서 이를 암호화한다음 데이터베이스에 저장해서, 즉, 관리자도 회원 비번을 뭔지 모를 수 있게 암호화 과정 필요! → Bcrypt이용하여 비밀번호 암호화 해서 DB에 저장. Bcrypt 다운? vs code 터미널에서(그 외 text editor의 터미널에서도 가능) Bcrypt 다운 npm install bcrypt --save vs code 터미널에 입력 ① Register Route로 가기(node JS 카테고리에서 작성한 글 기준 index.js에 app.post~~부분!) 사진에 나와있는 부분 즉, 저장하기 전에 암호화시켜줘야함. ② User 모델(User.js)로 가서 아래의 내용 추가 사진에 마우스로 선택한 부분 입력 사진에 마우스로 선택한 부분 입력 const bcrypt = require('bcrypt'); const saltRounds = 10 /
[Node JS] 로그인 기능을 위한 login route만들기 with Bcrypt, jsonwebtoken, cookie-parser [내부링크]
로그인 기능을 만들기 위해서는 먼저 login route를 만들어야한다. 이번엔 먼저 다이어그램부터! 출처 : 노드 기초 강의 1. 요청된 이메일을 데이터베이스에서 있는지 찾는다. 2. 만약에 유저가 있다면, 요청된 이메일이 데이터 베이스에 있다면 비밀번호가 맞는 비밀번호 인지 확인. 3. 비밀번호까지 맞다면 토큰을 생성하기. (이를 위해 npm install jsonwebtoken --save을 vs code에 입력해서 jsonwebtoken 다운) 4. 생성한 토큰을 Cookie에 저장(npm install cookie-parser --save를 이용해 cookie-parser 설치) 이 순서대로만 하면 된다! 그 내용을 코드로 넣은 부분은.. 마우스로 선택한 부분을 다 넣으면 된다. 이 부분 모두 index.js에 pp.post('/login',(req,res) => { //1. 요청된 이메일을 데이터베이스에서 있는지 찾는다. User.findOne({email: req.bod
[Node JS] Auth(Authentication) 기능 만들기 [내부링크]
시작하기 전에... index.js에서 아래처럼 넣어주면 좋다 유저에 관련된 데이터를 만들고 있기 때문에 23, 36번째줄처럼 /api/users를 붙여주면 좋음 오늘도 먼저 다이어그램부터! 출처 : 노드 기초 강의 auth route가 필요한 이유? 페이지 이동 때마다 로그인 되어있는지 안되어있는지, 관리자 유저인지 등을 체크 글을 쓸 때나 지울 때 권한이 있는 지 같은 것도 체크 서버와 클라이언트의 토큰이 맞는 지 계속 체크. token이 encode되어 있는데 이를 decode하면 user id가 나옴 ① 먼저 middleware폴더를 만들고 그 안에 auth.js 파일을 만들어 다음과 같이 써준다. let auth = (req, res, next) => { //인증 처리를 하는 곳 } module.exports = { auth }; //auth를 다른 파일에서도 쓸 수 있게 ② 그 다음 , index.js파일 안에 아래와 같이 입력. 여기서 auth는 미들웨어 (중간에서 뭘
[Node JS] 로그아웃(logout) 기능 만들기 [내부링크]
"로그아웃 기능"을 만들기 위해서는 로그아웃 Route(라우트)를 만들어야한다. 로그 아웃 하려는 유저를 데이터 베이스에서 찾아서 그 유저의 토큰을 지워 주면 된다. (원래, client에 쿠키에 있는 token을 가져와서 server의 db에 있는 token과 같은 지 확인하여 인증을 하는데 토큰을 지워주게 되면(server의 db에서 token 지우면) client에서 가져온 token이 맞지 않아서 인증이 안돼서 로그인 기능이 풀려버림 -> 로그아웃!) 이를 index.js에서 로그아웃 라우트를 만드는 건 다음과 같이 만들면 된다! app.get('/api/users/logout', auth, (req, res) => { //로그아웃 라우트 //로그아웃하려는 유저를 db에서 찾아서 데이터들을 업데이트 시켜줌 User.findOneAndUpdate({_id: req.user._id}, //id로 유저 찾음(미들웨어서 가져와서 찾음) {token: ""} //토큰을 지워줌 ,(er
[주간일기] 9주차(08.01~08.07) 일기 [내부링크]
벌써 8월이 되었다 ㅎㅎ 시간이 넘 빠르다..ㅠㅡㅠ... 암튼 이번 주 일기도 시좍 1. 용산 데이트, 홍대 데이트 한 월요일! 용산 커비 30주년 팝업스토어를 가기 위해서 아침 10시 40분쯤 만났다! 저번 주에 대기 등록도 실패해서 ㅠㅡㅠ 일찍 갔다..! 근데 대기 204번을 받았다 ㅠㅡㅠ 1시 56분에 들어갔다!!(이날부터 10시 반 입장 시작이 아니라 9시 입장 시작이라 대기가 이랬던거 같다..ㅠㅠ) 자세한 얘기는 따로 게시물을 하나 더 쓸 예정!! 커비 기다리는 동안 아침 겸 점심을 먹어따~~바로바로 니뽕내뽕이~~~ 진짜 오랜만에 먹는ㄷㅔ 맛났다 ㅎㅎ 냠냠 쩝쩝 그리구 남자친구랑 커플로 에어팟 프로 케이스를 샀다!! 기엽죠~~~?? 기여운 곰땡 친구들이 있어서 더 좋았다(살 때는 뒷면 지구 있는것만 보여서 쟤네가 안 보였는데 사니까 또똔하고 나타나서 기여웠다!! 행복했다!!) 옛날에 산 키링도 달아따..! 그리고 접촉성 피부염땜에 ㅠㅠ 커비 기다리는 동안 아이파크몰에 있는
[용산] 별의 커비 30주년 팝업스토어 방문(두 번째 방문에 입장 성공) [내부링크]
때는 7월 29일 금요일... 커비 팝업스토어 첫 날 구경하고 싶어서 갔는데 ㅠㅠ 대기가 그렇게 빨리 마감될 줄은 몰랐지... 밥먹고 오니까.. 하..... 그래서 다음에 다시 오기로 하고...ㅠㅠ 8월 1일 월요일 10시 40분쯤 용산역 도착해서 바로 대기하러 갔다!! 웨이팅 접수는 10시 50분에 했다!! 근데 이날 대기 순서가 왜 이러냐면 ㅠ 이날부터 10시 반 입장이 아닌.. 9시 입장으로 바뀌었다구...(확실한건 아님 ㅠㅠ) 그래서 밥 먹구 이곳저곳 갔다가 드디어 입장! 기다리면서 뭐했는지 궁금하신 분들은 주간일기 게시물을 봐쥬세용 ㅎㅎ https://blog.naver.com/cleveryellowduck/222842167222 [주간일기] 9주차(08.01~08.07) 일기 벌써 8월이 되었다 ㅎㅎ 시간이 넘 빠르다..ㅠㅡㅠ... 암튼 이번 주 일기도 시좍 1. 용산 데이트, 홍대 데... blog.naver.com 드디어 ㅠㅡㅠ 입장!! 들어가면 커비가 우릴 반겨줌 ㅎ
[Node JS] BodyParser&PostMan&회원 가입 기능 [내부링크]
Client-Server 통신하는 법? ex) 아래 깃헙 회원가입 시 client를 이용해 이메일 비번 등을 입력 한 후에 Server에다가 보내야 함. 이러한 정보들을 받을 때 필요한게 Body-parser라고하는 Dependency. 이를 이용해서 정보를 받을 수 있음! ① Body-parser라고하는 Dependency 다운 vs code 터미널에 아래 입력 npm install body-parser --save ② Clinet 에서 Request를 줘야하는데 현재 Client가 없으니 POSTMAN을 이용해서 request를 보냄 그래서 POSTMAN 다운! https://www.postman.com/downloads/?utm_source=postman-home Download Postman | Get Started for Free Try Postman for free! Join 20 million developers who rely on Postman, the collabo
[Node JS] Nodemon 설치 [내부링크]
Node Mon? 원래 node 서버를 킨 다음에 서버 안에서 무언가를 바꿨으면 서버를 내린 다음 다시 기동시켜야 바꾼 소스가 반영. Nodemon을 이용하면 굳이 서버를 내리고 올리지 않아도 소스의 변화를 감지해서 변화된 부분을 반영시켜주는 것.(소스를 변경할 때 그걸 감지해서 자동으로 서버를 재시작해주는 tool) ① Nodemon 다운 vs code 터미널에 아래 입력해서 다운로드 npm install nodemon --save-dev (dev라는걸 붙인 이유가 local에서 할 때만 사용하겠다는 의미.) ② 시작할 때 nodemon으로 시작하기 위해 script 하나 더 만들기 먼저 8번째 줄처럼 추가해준다. 여기서 7번째 줄의 의미는 node를 이용해서 index.js를 실행하겠다는 의미인데 8번째 줄의 의미는 node를 이용해서 index.js를 실행하겠다는 의미. (backend라고 안쓰고 다른 단어 써도 됨.) nodemon을 이용해서 서버를 기동해보면.. npm ru
[Node JS] 비밀 설정 정보 관리(몽고db 정보 github에 안 올려지게 하기) [내부링크]
아래 게시물처럼 쭉해서 push를 하면 몽고 db 유저의 이름과 비밀번호가 유출이 됨 ㅠㅠ https://blog.naver.com/cleveryellowduck/222839020907 [Node JS] SSH를 이용해 GITHUB 연결(git push 이용해 github에 올리기) Git repository(LOCAL)에 올렸던 걸 git push 명령어를 이용해 Git repository(REMOTE)에 올... blog.naver.com 모자이크한 부분 유출 안되게해야함! 남들이 보고 몽고db 이용할 수 있음... 그래서! ① config 폴더를 만들고 dev.js 파일을 만들고..(dev는 development의 약자) index.js에 있는 모자이크한 부분을 잘라내서 config 폴더를 만들고 dev.js 파일에 다음과 같이 쓰고 모자이크 한 부분에 붙여넣어줌 module.exports={ mongoURI:'mongodb+srv:어쩌구~~' } 여기서 잠깐 우리가 개발 할
[Python] Chapter 2 변수, 기본자료형, 연산, 형변환, 반올림오차, 컴퓨터가 이진수를 쓰는 이유 [내부링크]
1. 변수(Variable)란? : 값을 저장하는 장소 - 선언되는 순간 메모리 특정 영역에 공간이할당됨 - 변수에는 값이 할당되고 해당 값은 메모리에 저장됨 변수 이름 작명법 - 알파벳, 숫자, 언더스코어(_) 로 선언 가능 ex) data = 0, _a12 = 2, _gg = 'afdf' - 변수명은 의미 있는 단어로 표기하는 것이 좋다 ex) professor_name = 'Sungchul Choi' - 변수명은 대소문자가 구분된다. ex) ABC와 Abc는 같지 않다 - 특별한 의미가 있는 예약어는 쓰지 않는다. ex) for, if, else 등 2. 기본 자료형 (Fundamental Data Types) Data Type : 파이썬이 처리하는 기본 데이터 유형 정수형 (Integer) : 양/음의 정수 1,2,3,100, -9 data = 1 실수형 (Float) : 소수점이 포함된 실수 10.2, -9.3, 9.0 data = 9.0 문자형(문자형) (String) :
[Node JS] 몽고 DB 연결 (+몽고 DB 회원가입 및 클러스터 만들기) [내부링크]
① 몽고 DB 사이트에 접속해서 로그인(계정이 없다면 회원가입)! (저는 gmail로 회원가입했습니다) https://www.mongodb.com/kr The most popular database for modern apps We're the creators of MongoDB, the most popular database for modern apps, and MongoDB Atlas, the global cloud database on AWS, Azure, and GCP. Easily organize, use, and enrich data — in real time, anywhere. www.mongodb.com ② 그리고 클러스터를 만들기 위해 create 누름 누르면 아래 화면이 뜰텐데 맨 오른쪽 free인걸 create해주면 됨(아마 처음 만드는 분들은 이 화면이 먼저 뜰겁니다.) 사진이 짤렸는데 맨 오른쪽거 선택해주시면 됩니다. 그리고 아래 설정대로 선택해주세요! (FR
[Day 10] CSS - 다양한 스타일(1) [내부링크]
1. 글꼴 관련 스타일 1) font-family : 글꼴 종류 지정(글꼴 이름이 두 단어 이상이면 " "로 묶어서 표시) font-family: <글꼴 이름> | [<글꼴 이름>, <글꼴 이름>] 사용 예) h1{ font-family: "맑은 고딕", 돋움, 굴림; } 2) font-size : 글꼴 크기 지정 font-size: <절대 크기> | <상대 크기> | <크기> | <백분율> cf)css에서 사용하는 단위 em. rem. ex, px, pt 사용 예) li { font-size:1.2em; } 3) font-style : 이탤릭체로 글자 표시 가능 font-style: normal | italic | oblique - normal : 기본값(일반적 형태) - italic : 이탤릭체(처음부터 기울어진 글꼴이 디자인됨)(대부분 oblique 대신 이거 씀) - oblique : 이탤릭체(원본 글꼴을 단지 기울어지게 할뿐) 사용 예) .italic{ font-style:
[Day 9] CSS 기본다지기 [내부링크]
1. 스타일(style)과 스타일시트 스타일? : HTML 문서에서 자주 사용하는 글꼴, 색상, 정렬, 각 요소의 배치 방법과 같이 문서의 겉모습을 결정짓는 것 스타일을 사용하는 이유? 1. 웹 문서 내용 상관없이 디자인만 바꿀 수 있다! 2. 다양한 기기의 화면에 맞게 탄력적으로 바뀌는 문서 제작이 가능하다! (ex. 반응형 웹 디자인 : 웹 브라우저의 크기에 따라 화면 레이아웃을 자동으로 바꿔주는 방법) 스타일시트? : 웹 문서 안에서 스타일 규칙을 여러 개 사용하는데, 이러한 스타일 규칙을 한눈에 확인하고 수정하기 쉽도록 한군데 묶어놓은 것 스타일시트 사용자 스타일 브라우저 기본 스타일 인라인 스타일 >_< 내부 스타일 시트 외부 스타일 시트 ① 인라인 스타일 : 스타일 시트를 사용하지 않고 간단하게 태그(스타일을 적용할 대상) 안에서 직접 표시 <태그 style="속성: 속성값;">내용</태그> 사용 예) <p style="color: red;">노란오리의 인라인 스타일 예시
[Day 21] CSS - 그리드 레이아웃, 플렉스 박스 레이아웃, CSS 그리드 레이아웃 [내부링크]
?그리드 레이아웃? : 웹사이트를 여러 개의 칼럼(column)으로 나눈 후 웹 요소를 화면에 맞게 배치하는 것 그리드 레이아웃 특징 - 시각적으로 안정된 디자인 만들기 가능 - 업데이트 쉬움 - 여러 요소 자유롭게 배치 가능 그리드 레이아웃을 만드는 방법 1) 플렉서블 박스 레이아웃(flexible box layout) : 그리드 레이아웃을 기본으로 하며 각 박스를 원하는 위치에 배치. - 플렉스 박스 레이아웃이라고도 함. 2) CSS 그리드 레이아웃(CSS grid layout) : 가로 방향의 줄(row)과 세로 방향의 칼럼(column)으로 화면 구성. - 끼워맞추듯 요소 배치 1. 플렉스 박스 레이아웃 플렉스 박스 레이아웃 용어 - 플렉스 컨테이너(부모 박스)(제일 큰 박스, 작은 박스들을 묶는 박스라 생각히면 편함) - 플렉스 항목(자식 박스)(작은 박스들이라고 생각하면 편함) - 주축(main axis)(가로축이라고 보면 편함) - 교차축(cross axis)(세로축이라
[Day 22] 자바스크립트 기초(자바스크립트 특징과 작성법, 입출력 방법) [내부링크]
?자바스크립트? : 객체 기반의 스크립트 프로그래밍 언어이다. : 이 언어는 웹 브라우저 내에서 주로 사용하며, 다른 응용 프로그램의 내장 객체에도 접근할 수 있는 기능을 가지고 있다. : Node.js와 같은 런타임 환경과 같이 서버 프로그래밍에도 사용되고 있다. (출처 : 위키백과) : HTML과 CSS와는 달리 영어 대소문자 구별. 자바스크립트 특징 - 웹의 요소 제어(동작에 따른 반응을 이끌어내기 위함) - 웹 애플리케이션 제작 가능 - 다양한 라이브러리 사용 가능 - 서버 개발 가능 1. 자바스크립트 작성법 1) 웹 문서 안에 자바스크립트 작성(내부 자바스크립트 사용) : <script> 태그 이용 - 대부분 </body> 태그 직전에 <script>와 </script> 태그 사이에 작성 ...(생략)... <body> <script> //자바스크립트 소스는 여기에 작성 </script> </body> ...(생략)... 2) 외부 스크립트 파일로 연결하여 자바스크립트 작성
[Day 23] 자바스크립트 - 변수와 상수, 자료형 [내부링크]
1. 변수와 상수 변수(Variable) : 프로그램 실행하는 동안 여러 번 달라질 수 있는 데이터 상수(constant) : 한 번 값을 지정하면 바뀌지 않는 데이터 변수 선언 규칙 - 변수 이름 : 영어 문자와 _(언더스코어), 숫자 사용 - 자바스크립트는 영어 대소문자 구별 - 예약어는 변수 이름으로 쓸 수 X - 여러 단어 연결한 변수 이름은 중간에 대문자를 섞어서 사용 (ex. totalMoney, TotalMoney, Total_Money) - 변수 이름은 의미있게 사용(이름만 보고도 추측 가능하도록 함) 1) 변수 선언과 할당 ① 선언과 할당 따로 var 변수명; 변수명 = 변수값; ② 선언과 할당 같이 var 변수명 = 변수값; 2. 자료형 : 컴퓨터가 처리할 수 있는 자료의 형태 - 데이터 유형, 데이터 타입, 데이터형이라고도 함 자료형 기본 유형 복합 유형 특수 유형 숫자형 배열 undefined 문자열 객체 null 논리형 ① 숫자형(number) - 정수(소수점
간단 정리(UV-VIS, FT-IR, Raman, AAS, AES, XRF, NMR, MS) [내부링크]
1. UV-VIS : UV-VIS 장치는 분자가 자외선 및 가시광선(UV-VIS)을 흡수하면 결합성 전자와 비결합성 전자가 바닥 상태에서에서 높은 에너지 상태로 전이된 다음, 여러 경로를 거쳐 다시 바닥상태로 되돌아가면서 에너지를 방출하게 되는데 이러한 변화를 관찰함으로써 분자의 전자 구조적 성질을 파악하는 장치이다. 정성분석에서는 분자의 구조분석 (최대흡수파장, 흡광도, ε의 크기, band의 분리형태 등을 종합적으로 해석)에 이용되며 순도확인 및 정량분석에도 널리 사용되는 장치라고 할 수 있다. UV-VIS의 경우 단순히 금속 등에만 사용되지 않고 자외선 및 가시광선을 흡수할 수 있는 유기 분자에 대한 검출도 가능하며 시료의 전처리가 필요없고 빠른 분석이 가능하다는 장점이 있다. 또한 빛을 검출원으로 사용하기 때문에 시료가 파괴되지 않는다는 장점이 있으며 Beer''s law가 적용되는 범위 내에서 농도의 정확한 정량 분석도 가능하다. 2. FT-IR(Fourier Transfo
[주간일기] 7주차(07.18~07.24) 일기 [내부링크]
이번 주 일기는 뭔가 쓰기 싫어서 대충 쓸거다.ㅎㅎ 인덱스도 안 붙일거다. 그럼 시작-. 그냥 새벽에 읽은 내가 좋아하는 책 서비스센터 맡겼던 맥북은 결국 새로 사야하고 그 와중에 우영우는 잘 챙겨봤고.. 아 택시 불렀는데 기사는 프사가 저거여서 좋았다. 에어팟프로도 샀고... 할머니댁 앞마당에 새로 놀러온 애기 길고양이 사진 귀여워서 첨부. 마지막으로 동생이 육개장 사다줬다 ㅎㅎ 너무 간단 일기인가... 이번 주 사람들 만난건 안 씀. 담 주에는 자세히 써야지 #7주차일기 #주간일기 #일기 #블로그챌린지 #블챌 #노란오리의하루기록
[주간일기] 8주차(07.25~07.31) 일기 [내부링크]
이번 주는 아프기도 했고 잠도 많이 못 자고 최근 몇 일은 휴가...를...ㅠ 아무튼 다사다난했던 이번 주 일기 start...!!! 1. 맥북 결국 고장 판정 → 결국 새 맥북... 눈물나는 노트북 구매...ㅠㅡㅠ 7월 달에 하던 내 프로젝트 내놔 이자식아.... 솔직히 노트북 망가지고 1주 넘게 멘탈나가서 프젝 첨부터 할 생각에 눈물만 났음... (맥북 고장날 줄 몰랐기 때문에 깃헙에도 안올렸었음...^^) 인생 머있냐... 물론 방학 때 프젝만 한건 아니지만 ㅠ 쒸익... 새로운 노트북으로 새로운 마음가짐으로...시작해보자규.... 안녕... 취업 전까지 잘 해보자 우리.. 2. 홍대 + 신도림 테크노마트 엄청 많이 걸었던 날!! 1) 기여운 고양이 가게 ㅎㅎㅎㅎ 또 가고싶다 ㅠ 기여운거 천국 2) 렌즈 실ㄹ....ㅍ ㅐ..... 그리고 렌즈도 샀는데.... 한 1년 넘게 투명 렌즈만 끼다가 티주렌즈라고,,, 써클렌즈 사서 그런지 ㅠ 눈에 너무 안 맞는.... 투명을 그냥 끼게
[Node JS에러] Error: listen EADDRINUSE: address already in use :::5000 해결 [내부링크]
이 에러는 node server를 5000번 포트가 이미 사용 중이라서 발생한 에러! ① 5000번 포트를 사용 중인 프로세스를 찾아 종료시켜야 하므로 sudo lsof -i :5000 이렇게 확인되는데 PID 638이 쓰고 있는걸 확인 완료.. 이게 무엇인가.. 여기서 활성 상태 보기 클릭 638 제어센터였음 ② 이제 프로세스를 죽여보자...ㅎㅎ(제어센터라고 나오는 분들은 이거 따라하지 말고 밑에 읽어주세요.) kill -9 {638} // 내 경우 638을 죽이기 위해 638을 써줬지만 다른 PID의 경우 해당하는 숫자를 써주면 됨 원래대로라면 이렇게 하면되는데 아까 확인한 바와 같이 1번째 사진에서 ControlCE라고 나오고, 제어센터.. 프로세스라서 (node가 아닌..) 이렇게 해도 프로세스가 다시 살아날 것.. 그냥 node JS 프로세스면 이렇게하면 해결됩니당 이게 뭐 맥북 업데이트 오류?라나... 잘 모르겠당 암튼 해결은.. 시스템 환경 설정 - 공유 - AirPla
[Node JS] NODE JS 와 EXPRESS JS 소개와 다운로드 [내부링크]
1. Node JS? : Node.js 는 서버사이드 자바스크립트. 즉, 브라우저 밖에서 자바스크립트를 사용할 수 있게 만들어 줌 - 구글의 자바스크립트 엔진인 V8을 기반으로 구성된 일조의 소프트웨어 시스템 - 이벤트 기반으로 개발 가능하며 Non-Blocking I/O를 지원하기 때문에 비동기식 프로그래밍이 가능 -> I/O부하가 심한 대규모 서비스를 개발하는데 적합 - Node.js는 Chrome V8엔진을 이용해 브라우저에서 Javascript를 해석하듯이 서버에서 Javascript를 동작하도록 하는 환경 2. EXPRESS JS? : Node.js를 위한 빠르고 객관적이며 미니멀한 웹 프레임워크 (참고 : https://expressjs.com/) Express - Node.js web application framework Black Lives Matter. Support the Equal Justice Initiative . Express Home Getting sta
[Node JS] MongoDB Model & Schema [내부링크]
유저 관련 데이터를 보관하기 위해 Model & Schema 만듦. Model이란? : Schema를 감싸주는 역할 Schema는 하나하나의 정보들(ex. 글을 작성한 사람, type, maxlength 등..)을 지정해줄 수 있는 것. ① 두 번째 아이콘인 폴더 추가 클릭 두 번째 아이콘인 폴더 추가 클릭 ② 요로케 models폴더 만들고 그 안에 User.js 파일 생성도 해줌 요로케 models폴더 만들고 그 안에 User.js 파일 생성도 해줌 ③ User.js에 아래 내용 쓰기 const mongoose = require('mongoose') // 몽구스 모듈 가져오기 const userSchema = mongoose.Schema({ // 몽구스를 이용해서 Schema생성 name: { type: String, maxlength: 50 }, email: { type: String, trim: true, //john [email protected]같은 예에서 스페이스 없애주는 역할을
[Mac] Homebrew & iterm2 설치 [내부링크]
tmi) 지금까지 저장해놓은 블로그글 우당탕탕 조금씩 발행 중... 1. Homebrew 설치 터미널에 아래처럼 입력!(사이트 들어가면 간편하게 복사할 수 있게 되어있습니다.) $ /bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)" https://brew.sh/index_ko Homebrew The Missing Package Manager for macOS (or Linux). brew.sh 요 상태까지 오면 다음의 두 개 명령어를 입력해주면 최종 설치 완료! $ echo 'eval "$(/opt/homebrew/bin/brew shellenv)"' >> /Users/사용자명/.zprofile $ eval "$(/opt/homebrew/bin/brew shellenv)" 정상 설치 확인은 다음과 같이 입력하여 쭉 뭐가 나오면 정상 설치 확인 완료! $ brew h
[Day 23] 자바스크립트 - 연산자(산술 연산자, 할당 연산자, 연결 연산자, 비교 연산자, 논리 연산자, 조건 연산자) [내부링크]
1. 산술 연산자 : 수학 계산을 할 때 사용 + 두 피연자의 값 더함 - 첫 번째 피연산자 값에서 두 번째 피연산자 값을 뺌 * 두 피연산자의 값 곱함 / 첫 번째 피연산자 값에서 두 번째 피연산자 값을 나눔 % 첫 번째 피연산자 값에서 두 번째 피연산자 값을 나눈 나머지 구함 ++ 피연산자를 1 증가시킴 -- 피연산자를 1 감소시킴 2. 할당 연산자(assignment operator) : 연산자 오른쪽의 실행 결과를 왼쪽 변수에 할당 - 대입 연산자라고도 함 = 연산자 오른쪽 값을 왼쪽 변수에 할당 += y = y + x를 의미 -= y = y - x를 의미 *= y = y * x를 의미 /= y = y / x를 의미 %= y = y % x를 의미 3. 연결 연산자 : 둘 이상의 문자열을 합쳐 하나의 문자열로 만듦 (+ 기호 이용) 사용 예 (아래 코드에서 document.write()의 괄호 안 참고) ...(생략)... <script> var nickname = prompt
[git] Homebrew 이용해서 git 설치 [내부링크]
1. brew 명령어 이용해서 git 설치 brew install git (homebrew 설치되어있어야함.) https://blog.naver.com/cleveryellowduck/222838881595 [Mac] Homebrew & iterm2 설치 tmi) 지금까지 저장해놓은 블로그글 우당탕탕 조금씩 발행 중... 1. Homebrew 설치 터미널에 아래처럼 입... blog.naver.com 2. 아래의 명령어 입력하고 git 버전이 잘 나오면 설치 완료! git --version git version 2.32.1 (Apple Git-133) 이런식으로 버전이 뜨면 설치가 완료된 것. cf) 홈브류 안쓰고 그냥 https://git-scm.com/ Git About The advantages of Git compared to other source control systems. Documentation Command reference pages, Pro Git book con
[Node JS] GIT 설치 및 GIT 이용해서 버전 관리하기(기본 명령어 정리) [내부링크]
1학년 때부터 git을 쭉 사용해왔지만 강의에 GIT 설치 내용이 있길래 git을 모르는 분들을 위해 간단 정리 GIT이란? 분산 버전 관리 시스템 ① git이 이미 설치 되어있는지 확인 → 터미널에서 $ git --version 입력 후 버전 나오면 설치 되어 있는 것! 근데 최근에 맥업데이트를 해서 그런지 갑자기 오류가..xcrun: error: invalid active developer path~~.. 전에도 발생했던 문제라서 곰방 해결. 똑같은 에러 뜨시는 분들 아래 게시물 참고하세요 ㅎㅎ https://blog.naver.com/cleveryellowduck/222654178556 [에러해결] xcrun: error: invalid active developer path (/Library/Developer/CommandLineTools) 하하 리포지토리에 다시 코드를 올릴라고 했는데 갑자기 이런게 떴다 ^,^ 깃을 Run할 수 없읍니다........... blog.nave
[Node JS] SSH를 이용해 GITHUB 연결(git push 이용해 github에 올리기) [내부링크]
Git repository(LOCAL)에 올렸던 걸 git push 명령어를 이용해 Git repository(REMOTE)에 올리기 GIT vs GIT HUB? GIT - 소스 코드를 관리할 수 있는 tool GIT HUB - git을 사용하는 클라우드 서비스. git으로 관리하고 있는 코드들을 github에 올린다음 공유, 수정 가능하게 해줌. 1. github 사이트에서 로그인 후 Create a new repository 레포지토리가 만들어지면 나오는 화면 2. 아래대로 하면 에러 날 것.. why? 우리의 컴퓨터(local repository)와 github 서버의 repository가 안전하게 통신하는 방법이 없기 때문에 에러. → 해결 방법! SSH(Secure Shell)을 이용해 git을 github에 연결 echo "# boiler-plate-ko" >> README.md git init git add README.md git commit -m "first comm
[math] 최대공약수(유클리드 호제법 사용), 최소공배수 with python(gcd(a,b), lcm(a,b) 함수) [내부링크]
1. 최대공약수(the greatest common denominator, GCD) 0이 아닌 두 개 이상의 정수의 공통되는 약수 중에서 가장 큰 수이다 유클리드 호제법(Euclidean algorithm) a를 b로 나눈 나머지를 r이라고 했을 때 GCD(a, b) = GCD(b, r) 과 같다 (r이 0이면 그 때 b가 최대 공약수이다.) 유클리드 호제법 이용하여 최대공약수 구현 파이썬 코드 def gcd(a,b): while b>0: a, b = b, a % b #a에 b를 넣고, b에 a%b를 넣고 나머지가 0일 때까지 반복 return a #a가 최대공약수 2. 최소공배수(the least[lowest] common multiple, LCM) 둘 이상의 정수의 공배수 가운데에서 0을 제외한 가장 작은 수. → 구하는 법 : a*b//gcd(a,b) 최소공배수(lcm(a,b)) 구현 파이썬 코드 def gcd(a,b): while b>0: a, b = b, a % b #a에
[math] 소수 구하기(using 에라토스테네스의 체) + 백준 1929번 : 소수 구하기 with python [내부링크]
소수구하는데 최적의 방법인 '에라토스테네스의 체'를 백준 1929번 소수 구하기 문제를 통하여 알아보자! (단순히 에라토스테네스의 체에 대해 알고싶은 분들은 스크롤 내려서 '제출한 코드' 부분을 봐주시면 됩니다.) 문제 M이상 N이하의 소수를 모두 출력하는 프로그램을 작성하시오. 입력 첫째 줄에 자연수 M과 N이 빈 칸을 사이에 두고 주어진다. (1 ≤ M ≤ N ≤ 1,000,000) M이상 N이하의 소수가 하나 이상 있는 입력만 주어진다. 출력 한 줄에 하나씩, 증가하는 순서대로 소수를 출력한다. 예제입력1 3 16 예제출력1 3 5 7 11 13 제출한 코드 제일 좋은 풀이 : "에라토스테네스의 체(Sieve of Eratosthenes)" 최근 다시 풀어서 제출한 풀이 +추가 20220708 sqrt_n = int(n**0.5) #n의 최대 약수가 sqrt(n) 이하이므로 여기까지만 검사! m,n = map(int,input().split()) sieve = [False, F
[math] 골드바흐의 추측 (+백준 6588번 : 골드바흐의 추측 with python) [내부링크]
1. 골드바흐의 추측이란? 2보다 큰 모든 짝수는 두 개의 소수(Prime number)의 합으로 표시할 수 있다는 것 참고 : https://ko.wikipedia.org/wiki/%EA%B3%A8%EB%93%9C%EB%B0%94%ED%9D%90%EC%9D%98_%EC%B6%94%EC%B8%A1 골드바흐의 추측 - 위키백과, 우리 모두의 백과사전 Wiki Loves Pride 온라인 에디터톤 이 6월 20일부터 7월 19일까지 열립니다. 54개 언어 골드바흐의 추측 위키백과, 우리 모두의 백과사전. 골드바흐의 추측 (Goldbach's conjecture)은 오래전부터 알려진 정수론 의 미해결 문제로, 2보다 큰 모든 짝수는 두 개의 소수 (Prime number)의 합으로 표시할 수 있다는 것이다. 이때 하나의 소수를 두 번 사용하는 것은 허용한다. [1] 기원 [ 편집 ] 1742년 6월 7일에 프로이센 수학자 크리스티안 골드바흐 (Christian Goldbach)는 ...
[토익] 산타토익 100일 목표달성 100% 환급패키지 이용 후기 [내부링크]
1학기에 동기들과 토익 스터디를 하기 위해 학습동아리를 만들어서 함께 공부했다! #내돈내산공부 동아리원 모두가 산타토익을 구매하였다. 계획은 다음과 같았다. 매일 추천학습 1세트 이상, LC&RC 강의 각 하나, 어휘 1챕터씩 외웠다. 스터디때에는 단어테스트 or 모의고사를 치뤘다. 계획 시작한 3월2일부터~6월 10일까지 추천학습을 한 기록이다. 4월에 비어있는건..중간고사 시즌 때문 ㅜㅜ 이렇게 얼마나 했는지 한 눈에 볼 수 있어서 좋았다:) 매주 추천학습, 강의, 단어 외운 내용을 학습동아리 단톡방에 공유하며 서로 학습현황을 점검했다.(1~4 총 4장씩) 1,2 강의 학습현황 3. 어휘 암기 현황 4. 추천 학습 현황 요런식으로 동아리원 모두가 각자 공부한 내용을 단톡방에 매주 공유! 개인적으로 좋았던 건 부족한 부분을 추천학습을 통해 채울 수 있다는 점이 좋았다! 추천학습은 이런식으로 문제 or 어휘 or 모의고사 + 쪽지시험이 ai추천에 따라 나온다! 아무튼 산타토익 덕분에
[주간일기] 5주차(07.04~07.10) 일기 [내부링크]
일주일이 왤케 빠른건지... 벌써 또 일요일이 돼서 일기 쓰는 즁 히히 근데 여러분 그거 아시나요,,, 블챌 보상이 드뎌 들어왔다는!! "아자아자 햄깅 스티커" get!!!! 넘 기여워서 이번 일기에 매우 많이 사용할꺼니까 길더라두 고냥 쭉쭉 넘겨서 봐주세용 ㅎㅅㅎ 그럼 일기 시좍!! 1. 이번 주 밖에서 먹은 것..들.. 사실 난 지인짜 밖에서 먹는거보다 집에서 혼자 잘해먹는데 방학 때 학교 사람들 좀 만나다 보니.. 특히 이번 주 밥약속이 좀 있어소 맛나게 냠냠했당!! + 이번 주에 집에서 해먹은 음식 사진 올릴랬는데 왜 안 찍었는지 모르겠다. 내군인한테 카톡 보냈던 애호박 잘랐던 사진만 남아있어서 이거라두..일기장에... 사진이 먼가 오이같이 생겼지만 애호박입니다!! 애호박전 해먹으면 짱맛!! 2. 오랜만에 색조 화장품..! 기프티콘이 있어서 뭘 살까 하다가 쓰고 있던 팔레트가 점점 구멍을 보이기 시작해서 새로 팔레트 하나 샀다!! 그리고 아이라이너도 갑자기 안나와서 ㅠㅠ 어쩔
[주간일기] 6주차(07.11~07.17) 일기 [내부링크]
우당탕탕 우영우도 보고 이번 주도 벌써 쓩 지나갔다 ㅜㅜ 1. 하늘에 빵꾸 뚫린줄 알았던. 비가 엄청나게 많이 왔다..ㅠㅠ 하하 양말 젖어요~~ 신발 젖습니다~~~ 바지도 젖어요... 다 ~.. 젖어요 ㅠㅠ 그냥 어차피 다 빨래해야하는 김에 열심히 비를 맞고 집에 돌아왔다. 그 와중에 귀여운 내 우산... 우산 기엽지요? 빨간모자와 늑대 이야기 컨셉이랍니다~ㅎㅎㅎ 2. 똥글똥글 주먹밥 토마X 주먹밥 다들 아시나요..?! 저는 가끔 생각날 때가 있어서 저 후리가케를 1kg?을 한 번에 사놓고 소분해서 쓴답니다... 이번 주에는 평소 주먹밥 만드는거랑 다르게 안에 참치마요가 아닌 계란이랑 스팸, 야채를 만든 소스랑 볶은걸 넣은 주먹밥이랍니다 ㅎ.ㅎ 참치마요 주먹밥도 맛나지만 요것도 맛있었다는!! 열심히 똥그랗게 만들었는데 그릇에 올려놓자마자 뿌셔진 내 주먹밥...눙물.. 3. 음식 사진 조은 사람들이랑 맛난 음식들(많아보이지만 사람들이랑 노나먹어서 사실 엄청 많지는 않음!!) 동기분 자
[Python] CodeUp Python 기초 100제(1~50) [내부링크]
백준 안푼 지 약 2달.. 파이썬 그냥 기본 정리할겸 오늘 기초 100제 다 풀었습니다.(근데 100제라면서 98문제만 있는건 먼지 모르겠..) 필요한 문제 ctrl+F로 찾아서 쓰세요:) 6051~6098은 다음 게시물에 이어서! 6001 print("Hello") """ 참고 python IDE 프로그램을 설치한 후, 아래와 같은 소스 코드를 작성하고 실행시키면, 지정한 "문장"이 출력(print)된다. print("문장") """ 6002 print("Hello World") """ 참고 print("문장1 문장2") 을 실행시키면 "문장1”, "문장2"가 공백( )을 사이에 두고 출력된다. print("문장1", "문장2") 도 "문장1"과 "문장2" 사이에 공백( )을 출력한다. """ 6003 print("Hello") print("World") """ 참고 python의 기본 print( ) 를 이용해 출력하면 문장을 출력한 후 마지막에 줄을 바꾼다.(new line)
[Python] CodeUp Python 기초 100제(51~끝) [내부링크]
저번 게시물에 이어서!(어제 다 푼 문제 정리한 것..) 필요한 문제 ctrl+F로 찾아서 쓰세요:) 6051~6098은 다음 게시물에 이어서! 60051 a, b = map(int, input().split()) print(a!=b) 6052 n = int(input()) print(bool(n)) """ 참고 bool( ) 을 이용하면 입력된 식이나 값을 평가해 불 형의 값(True 또는 False)을 출력해준다. 식이나 값을 계산해서 결과값이 만들어지는 것을 평가(evaluate)라고 한다. python 언어에서 정수값 0은 False(거짓)로 평가되고, 그 외의 값들은 모두 True(참)로 평가된다. ** 불 대수(boolean algebra)는 수학자 불이 만들어낸 것으로 True(참)/False(거짓) 값만 가지는 논리값과 그 값들 사이의 연산을 다룬다. """ 6053 a = bool(int(input())) print(not a) """ 참고 a = bool(int(i
[디자인 패턴] 싱글톤 패턴(singleton pattern) - 정의, 장단점, 사용 [내부링크]
CS 공부 정리를 시간 날 때 간간히 블로그에 업로드 하려합니다. * 디자인 패턴이란? 프로그램을 설계할 때 발생했던 문제점들을 객체 간의 상호 관계 등을 이용하여 해결할 수 있도록 하나의 '규약' 형태로 만들어 놓은 것을 의미. cf) 자바스크립트 테스팅할 수 있는 사이트 : https://playcode.io/javascript/ PlayCode - Javascript Playground playcode.io cf) 자바 테스팅할 수 있는 사이트 : https://www.tutorialspoint.com/compile_java_online.php Online Java Compiler Source Code Help Execute | Beautify | Share /* Online Java Compiler and Editor */ public class HelloWorld { public static void main ( String [ ] args ) { System . out .
[주간일기] 4주차(06.27~07.03) 일기 [내부링크]
1. 맛난 순두부로 월요일 시좍!! 원래는 시원한 국수같은거 먹으러갈라했는데 ㅠㅠ 가게가 문을 안열어서 부모님이랑 순두부를 먹으러!! 근데 너무너무 맛있었다 ㅠㅡㅠ... 내가 먹은건 짬뽕 순두부인데 진짜 넘맛 쫀맛!! 반찬도 잘 나왔당!! 2. 이번 주 포켓몬 본 것 중 젤 기여웠던... 코딩하면서 중간에 포켓몬 보고싶어서 옆에 틀어놓고했는데 ㅜㅜ 아차모 만쥬...가 나옴 ㅠㅠㅠㅠ너무 쪼꼬미 기여움... 무슨 많이 먹기 대회에서 번치코(아차모 진화형)이 아차모 만쥬가 나오니까 귀여워서 못 먹는 ㅠㅠ 에피소드인데 진짜 귀엽고..몽글몽글했다 ㅠㅠㅠ 다들 포켓몬 보세용... 기..기여워...아차모만쥬ㅠㅠ 현실에서도 팔아주세요.. 3. 이마트 피자와 아빠가 주신 간식 이마트에서 부모님이 이것저것 사오셨는데 평소에 안 사먹던 이마트 피자가 갑자기 먹고싶으셨다며... 사오셨다..! 근데 바쁘셔서 못 드시고 가셨다 ㅜㅡㅜ... 그래서 내가 잘라서 두 조각만 후라이팬에 구워먹은 사쥔...ㅎㅎ 고냥
[git문제해결] bad signature 0x00000000index file corrupt 해결 [내부링크]
갑자기 코딩 하던 중 노트북이 꺼졌다가 켜지더니..(?) 파이참에 연결 되어 있던 깃헙 레포들이 다 말을 안들었다 ㅠㅠ push를 하려해도..pull을 하려해도... bad signature 0x00000000index file corrupt 라는 말만 나올 뿐 ㅜㅜㅜㅜ 그래서 'git bash'앱을 켜서 프로젝트 있는 폴더로 이동 후, $git status로 상태를 확인해봤더니... $ git status 똑같이 이런...문제가 ㅜㅜㅜ 그래도 뚝딱뚝딱 해결했당!! 해결방법 OSX, 리눅스, 윈도우 모두 방법 동일!(윈도우 cmd 사용할 경우만 다른데 그 경우는 밑에 써 놓음) $ rm -f .git/index $ git reset 뚝딱뚝딱 해결!! 해결 후... git status로 확인해보면 잘 되는 걸 확인할 수 있다!! (파이참 프젝은 다시 여는걸 추천!) 해결~~~!! cf) 윈도우에서 git bash앱이 아닌 cmd 사용 시 아래처럼 입력! $ del .git\index
[Python] enumerate 함수 사용법 [내부링크]
enumerate함수란? 리스트의 원소에 인덱스(순서값)을 부여해주는 함수 사용 예 num = ["일", "이", "삼"] e = enumerate(num) print(e) # <enumerate object at 0x0000019567047280> #enumerate 객체를 리턴 - enumerate함수를 사용하여 for문을 돌려보면 리스트의 원소와 인덱스가 튜플형태로 담겨있는걸 확인 가능 num = ["일", "이", "삼"] for i in enumerate(num): print(i) """ (0, '일') (1, '이') (2, '삼') """ num = ["일", "이", "삼"] for index, value in enumerate(num): print(index, value) """ 0 일 1 이 2 삼 """ 백준(backjoon)에서 enumerate함수 사용했던 문제 : 백준 2346번 풍선 터뜨리기 deque()와 enumerate()를 활용하여 해결 #주의 !
[나머지 연산] 음수의 나머지 연산(Modular Arithmetic) 결과값이 프로그래밍언어마다 다른 이유(C, Python) [내부링크]
오늘도 백준을 열심히 샥샥 풀다가 게시물 제목처럼 프로그래밍 언어에서 음수의 나머지 연산이 다르다는 것을 모르시는 분들도 있을 것 같아 정리해두는 게시물! 1. 나머지의 수학적 정의 a=bq+r(0≤r≤|b|) but, C와 Python에서 음수의 나머지 계산 결과값은 다르다. -> why????? 두 결과 모두 위의 수학적 정의는 만족하지만, 두 언어가 나머지 연산을 하는 방법에 차이 有 2. C와 Python의 음의 나머지 연산 차이 C언어 → 몫에 대해서, 버림을 사용한다. Python → 몫에 대해서, 내림을 사용한다. 단계 C (몫에 대해 버림) Python (몫에 대해 내림) 1 8 ÷ (-3) = -2.666 → -2 8 ÷ (-3) = -2.666 → -3 2 8 = (-3) * (-2) + 2 8 = (-3) * (-3) + (-1) 그래서 C는 나머지가 2, Python은 -1이 나온다. 참고 https://en.wikipedia.org/wiki/Modulo_ope
[10일차] 토익 보카 암기 [내부링크]
오랜만에 돌아온 토익 보카 암기!! 평소에도 계속 외우는데 블로그를 바빠서 못 쓴 ㅠㅠ (진짜..진짜 ㅠㅡㅠ..) 쉴 때마다 틈틈히 외운 거 정리할 예정! installment 할부 give two weeks' notice 2주 전에 통보하다 charge 요금, 청구금액; 책임, 의무; ~을 청구하다;(외상으로)달아놓다 charge A to B A를 B 앞으로 달아 놓다 promotional offers 판촉 상품 offer A B = offer B to A A에게 B를 제공하다 job description 직무 내용 description(가산명사) 설명, 해설 vs information (불가산명사)정보 vs specification (주로 복수형으로 사용)설명서, 사양 lenient 관대한 spare 아끼다, 할애하다; 예비의 여분의 clearance 정리, 없애기; 허가 (clearance sale 재고 정리 할인 판매) alter (성질, 형상을) 고치다, 바꾸다 redeem
[오류해결] 아이폰 시스템데이터 저장용량 과다 차지 오류 해결 [내부링크]
하하.. 요로케.. 아래 사진처럼... 시스템데이터가 미친 듯이 증폭해서..너무 힘들었던 나날의 연속... 앱을 계속 지우고 사진을 20기가 넘게 지워도...쟤가 삭제하자마자 다 받아먹었다...^^ 64기가 폰인데 아이폰 지 스스로 40기가 쓰는거 말이 된다고 생각..? 난 안된다고.생각. 매우 심각하다고.생각. 돌아버린 아이폰!!! 그래서 진짜 최근까지도 저것때문에 핸드폰 갑자기 검은색 화면 되고...^^ 아이폰 14 기다리지 못하고... 핸드폰 바꿔야하나했는데..!! 방법을 찾아버림.... 바로바로 아이클라우드 사진 연동 해제!! 더 자세히는... 설정 - 사진 - iColud 사진 연동 해제..!! - 아이폰에서 사진 제거 요로케 해제..! 해제 전에 이런 무시무시한게 뜨는데.. 미리 백업해두고 아이폰에서 제거 누르세요 ㅠㅠ..!! 모든게 끝난 후.... 너무 편안해진...ㅎㅎㅎㅎㅎ 갑자기 삶의 질 상승... 근데 다 끝난 담에 다시 아이클라우드 연동 눌러도 된다고하던데 난 또
[주간일기] 1주차(06.06~06.12) 일기 [내부링크]
네이버에서 블로그 주간 일기 챌린지인가 몬가를 한다길래... 하루 일기도 아니고 1주에 한 번 쯤이야!! 하면서 첫 일기 시좍...vV（＾ｖ＾）Vv 이번 주에 안 좋은 일들도 진짜 많았지만 좋은 것만 기억하자는 맘으로 좋은 얘기만 기록해야지!! 1. 너무 행복했던 튜터링 내가 이번 학기 튜터로 활동한 과목이 다른 과목하고 다르게 일찍 이번 주에 기말고사를 보셨다..!! 그래서 튜터 활동 기간이 아직 남았지만 사실상 거의... 활동 종료...ㅎㅎ 그냥 질문 받고 대답해주는 튜터로 남아도 됐지만 뭔가 나는 실질적으로 도움이 되는 튜터로 남고 싶어서 매주 자료 제작해서 설명해드리구, 감사하게도 많은 분들이 들어주셨다!!ㅎㅎ 보고 뿌듯했던...채팅.. 이 분 말고도 카톡으로도 중간, 기말 두 번 다 도움 됐다고 말씀해주셔서.. 너무 행복했던 튜터링..!! (근데 아직 튜터링 기간 안 끝났음. ㅎㅎ) 2. 토익 스터디 & 산타 토익 마지막 이번 주를 마지막으로 매주 같이 모여서 단어 시험 보
[주간일기] 2주차(06.13~06.19) 일기 [내부링크]
벌써 일주일이 지났다뉘...충격적... 내일 마지막 시험이 있는 나. 하지만 일기는 써야되기때문에 급하게 쓰기 시좍!! 1. 시험 기간 모드 이번 주는 시험 기간~~~~ 종.강.을.위.한...기말..지옥...ㅜ 다사다난했지만 이제는 내일 시험 하나만을 남겨두고 있돠...ㅜㅡㅜ 2. 먹었던 것 중 일부 난 지인짜 배달음식을 안 시켜먹는 편인데.. 언제였는지는 정확히 기억안나지만 이번 주 한 번 진짜 밥할 힘이 안나서 배달 시켜 먹음 ㅜㅜ 여름이 싫은 이유 중 하나가 내가 좋아하는 회를 잘 못 먹는다는 점..(먼가..탈날거같아소..) 그래서 완전 HOT SUMMER이 찾아오기 전 먹는..!! 배달음식!! 그리고 기프티콘으로 받은 샌드위치도 사서 한 끼를 얘로 대체했움!! 넘 맛있었는데 언제 파리바게트 샌드위치 가격이 이케 오른거지..??? 5900원..?? 물론 난 기프티콘으로 구매해서...괜찮지만... 이 가격이면 뜨뜻한 국..밥을 먹지 않을까...? 그리고 이번 주에 오랜만에 계란찜
[주간일기] 3주차(06.20~06.26) 일기 [내부링크]
아니 벌써 3주차?? 그 말인 즉슨... 내가 종강을 했다는 말입니당 ㅎㅅㅎ 오예(?) 휴... 진짜 힘든 한 학기였다.. (근데 사실 모든 일이 마무리 되진 않음 ㅜㅡㅜ...) (눈물 좔좔..) 그래도 일기 시작!! 1. 이번 주 쇼핑~~ 네. 옷을 샀습니다.ㅎㅎㅎ 비슷한 가을 겨울 옷은 집에 있는데,, 사실 여름 시러 인간이라서 여름 옷을 안 사는 ㅜㅜ 사람인데! 이번 여름에는 사람을 만날 일이 좀 많을거 같아서,,, 고냥 막 입으려구 샀습니당(근데 집에 저런 옷 많음... 내 취향 소나무 ㅎ0ㅎ) 2. 이번 주 핸드폰에 있던 음식 사진 동생을 위해서 도시락 싸줌 동생을 위해서 연어 스테이크 덮밥을 해줬습니당!! 저거 해준다니까 안먹겠다고 해놓고 막상 해서 식탁에 올려놓으니까 너무 잘 먹길래 자취방 가는 동생 위해서 하나 더 만들어서 싸줬당 희희~~ 맛있게 먹었겠징?!?!? 저거 무슨 버섯이였더라 암튼 버섯부추전!! 집에 샤브샤브 만들고 남은 버섯이 넘 많아서... '부쳐먹어야징
[8일차] 토익 보카 암기 [내부링크]
흐하 오늘은 밖에 급하게 나갔다 오는 일정이랑.. 교수님이랑 회의도 있어서 다 처리하고.. 이것저것 오늘 할일하고 좀 늦게 쓴다..ㅠㅠ 12시 되기 전까지 빨리 외워보자!! marginal 약간의, 주변의 aggressively 적극적으로 passively 수동적으로 by means of ~에 의하여, ~으로 forward 앞으로, (물건, 정보를) 보내다 not necessarily + 동사 반드시 ~하는 것은 아니다 favorably 호의적으로; 순조롭게 cover 포함하다; 지불하다; 덮다 a/the majority of ~의 대다수는 vs most of the ~ ~의 대다수는 (majority 앞에는 관사 쓰지만 most 앞에는 관사 안씀) largely 주로, 대부분 disregard 소홀히 하다, 무시하다 mastermind (계획 등의) 입안자, 지도자 LC drop by 잠깐 들리다 for now 우선은, 당분간은 shovel (눈을) 치우다, 삽질하다; 삽 RC b
[9일차] 토익 보카 암기 [내부링크]
내일이면 벌써 10일차!! 아좌~~~^0^ stagnant 침체된, 불경기의 brisk 활발한, 호황의 remain 계속 ~한 상태이다; 아직 ~해야 하다 evenly 고르다, 균등하게 fairly 상당히, 꽤, 공정하게, 정직하게(=equally, impartially) wane 감소, 쇠퇴 in times of prosperity 번영기에 dwindle 줄어들다, 감소되다 impede 저해하다, 방해하다 LC cast 던지다, 드리우다 RC up-and-down 800점 완성 LC familly-run 가족이 운영하는 recession 경기 후퇴 part 5,6 tedious 지루한, 싫증나는 part 7 bring in (시스템을) 도입하다, (돈을) 벌다 broekerage 중개, 중개업소 cope with ~에 대처하다 entail ~을 수반하다, 을 유발하다 infrastructure 사회 기반 시설, 경제 기반 시설 momentary 순간적인, 잠깐의 net income
[토익] 복습2 - LC, RC, 문법, 어휘 [내부링크]
* 단어는 요즘 앱으로 외우고 있어서 원래하던 책에 있는 단어암기는 1주일에 한 번씩 토익스터디에서 진행하기로해서 단어암기 게시물은 가끔 올라올 예정입니당^0^ (매일 단어 외우고는 있었음!공부 안한거 아님!) LC Part1 Signals are positioned in between the tracks. : 신호등들이 선로들 사이에 배치되어 있다. There's a strong chance of rain showers tonight. : 오늘 밤 소나기가 올 확률이 높다고 했어요. In just a couple of days. : 며칠 후에요. couch 소파 vs coach 코치 (발음 때문에 헷갈림 앞뒤 문맥 잘 듣고 알아듣기!) carriage 객차 alongside (부사) ~에 접해, 나란히 staircase 계단 freeway 고속도로 rack 선반 dock, marina, wharf, port 부두 shore 해안 knot 매듭 garage 차고 (발음 듣기) be
[오류해결] 아이폰 소프트웨어 업데이트 오류 4000 해결 [내부링크]
아이폰 용량이 64기가라서.. 사진 정리를 해도 왜 용량이 안 줄어드는 지 모르겠다.. 그래서 지금까지 용량 정리를 안해서 소프트웨어 업데이트를 안하고 있다가, 업데이트하고 다시 앱을 다운 받을 생각으로 앱 용량 큰거 지우고 업데이트를 시도했는데.. 자꾸 소프트웨어 다운로드는 됐는데 알 수 없는 오류로 설치가 안돼서 짜증났다!! 그래서 컴퓨터를 아이폰하고 연결해서 아이튠즈로 업데이트를 시도했다. 그런데..자꾸 아래와 같은 오류가 떴다... 근데 아주 간단한 방법으로 해결했다!! 바로바로.. 설정→Face ID 및 암호(또는 Touch ID 및 암호)→암호끄기!!! 휴 이 간단한 것 해줬더니 바아로 업데이트가 됐당 ㅎㅋ 야호 오류 (4000) 해결!! ※ 아래의 이미지는 해당 게시물과 관련이 없습니다.(귀여워서 첨부합니다ㅎㅎ)※ #아이폰업데이트 #아이폰소프트웨어업데이트 #오류4000 #ios15 #노란오리의하루기록
[자료구조] 이진 탐색(Binary Search) - 코드, 예(튜터링 자료1) [내부링크]
진짜 너무 오랜만에...블로그 쓰는.... 난 왜..시험끝나고도 바쁜건가...? 아무튼 중간고사가 끝났으니 튜터링 자료로 만들었던 것들을 블로그에도 업로드할 예정..!! 누군가에게 도움이 되길:) (튜터링 덕분에 도움이 많이 되었다고,, 중간고사 잘보셨다구 연락주셔서 기분이 너무 좋다 ㅠ 뿌듯...) 정답지ver.page1 정답지ver.page2 아래는 자료에 쓰인 코드입니다! int binsearch(int list[], int searchnum, int left, int right) { int middle; while (left <= right) { middle = (left + right) / 2; switch (COMPARE(list[middle], searchnum)) { case -1: //찾는 숫자>list[middle] left = middle + 1; break; case 0: //찾는 숫자==list[middle] return middle; case 1: //찾는
[자료구조] 하노이(재귀함수의 예) - 코드, 문제(튜터링 자료2) [내부링크]
튜터링 자료로 만들었던 두 번째 자료..! 이 자료 준비하면서 하노이 코드 이해가 쉽게 코딩해서 보여드렸다 ㅎㅎ (아래 자료 참고!) /*개인 저작물로 무단배포 금지합니다.*/ 답지 ver.page1 답지 ver.page2 답지 ver.page3(문제지ver.page1) 답지 ver.page4 문제지 ver.page1 관련 코드 및 설명(자료 내용을 그대로 옮겨적은 것입니다.) void Hanoi(int n, int source, int desti, int mid, int st[][100]) { //n : 원판의 수 //source : 처음 원반 n개가 있던 막대 //desti : 원반 n개를 옮길 막대 //mid : 나머지 한 막대(sorce, desti 막대가 아닌 막대) if (n == 1) { move_disk(source, desti);//원반이 하나인 경우 source(1)-> desti(3)으로 옮기면 끝! } else { //1, 가장 아래 원반을 제외한 나머지 원반들
[논문리뷰] Relevance-CAM : Your Model Already known Where to Look [내부링크]
세미나 발표를 위해 만들었던 자료입니다. 아래는 대본으로 사용했던 것을 간단하게 정리하여 덧붙였습니다. (주의. 몇 개의 수식은 깨져서 보입니다.) 이 아래는 발표를 위해 간단히 정리한 내용입니다. >Abstract -딥 러닝 모델의 추론과 과정 분석 중요. 일반적으로는 CAM(Class Activation Mapping)이 널리 쓰임 -이 논문에서는 계층별 관련성 전파를 활용하여 가중치 구성요소를 Relevance CAM이라는 새로운 CAM 방법을 제안 -이러한 방법은 기존 CAM method에서 문제됐던 shattered gradient problem를 좀 더 나은 방향으로 이끌어냄 -localization ability을 평가하고, weighting component를 실험함으로써 gradient 기반 CAM을 사용하여 중간 layer을 설명할 수 없는지 보여줌 -이러한 결과를 통해 Relevance-CAM은 모든 깊이의 layer에서 recognition 과 localizat
[4일차] 토익 보카 암기 [내부링크]
4일차부터는 모든 단어를 쓰지는 않고 중요한 단어 or 헷갈리는 단어들만 적겠습니당ㅎ0ㅎ (그래도 최대한 많이 쓸 예정..!시간의 여유가 된다면!!) lax (행동 등이) 느슨한, 규율에 못 미치는 negligent 태만한 grudgingly 마지못해, 억지로 undertake (일을) 떠맡다 assume (증거는 없으나) 사실이라고 생각하다; (책임, 역할을) 맡다 assist with ~을 돕다 manner 방식, 태도 repsponsible 책임이 있는 vs responsive 반응이 빠른, 바로 대답하는 be responsible for vs be reponsive to personnel (집합적)직원, 인원; 인사과 confidential 기밀의, 내밀한 classified 기밀의 remove 해임하다, 제거하다 hardly ever 좀처럼 ~하지 않다 hardly A when B A하자마자 B하다 no sooner A than B A하자마자 B하다 directory 주소록
[5일차] 토익 보카 암기 [내부링크]
욜씨미 암기 start sophisticated (기계가) 정교한, 복잡한; 세련된 promptly 즉시, 정각에 prompt 신속한 abruptly 갑자기 (발음 듣기) implement 실시하다, 실행하다 outstanding 우수한; (부채 등이) 미지불된 replacement 교체, 후임자 fulfill (조건을) 만족시키다, (약속,의무 등을) 지키다, 이행하다 outline 개요, 설명하다, 약술하다 contain 포함하다, (감정을)억누르다, 저지하다, 방지하다 (억누르다, 저지하다, 방지하다라는 뜻일 때는 control이나 hold back으로 바꿔 쓸 수 있음.) compile (자료 등을) 편집하다; 모으다 remainder 나머지 vs reminder 메모, 상기시켜 주는 것 compliance (명령,법규에의) 준수 in compliance with ~을 준수하여 out of compliance with ~을 준수하지 않는 follow ~을 따라가다;주시하다;(
[6일차] 토익 보카 암기 [내부링크]
6일차 두구두구 start~~vV（＾ｖ＾）Vv celebrity 유명 인사, 명사 improvise (연주, 연설 등을) 즉흥적으로 하다, 즉석에서 만들다 improvisation 즉흥 연주 alumni 동창생들, 졸업생들 (발음 : 얼럼나이~) present A with B A에게 B를 제공하다 admission 입장 banquet 연회, 만찬 succeed 성공하다; 뒤를 잇다 collection 소장품, 수집물; 징수, 수금 toll collection 통행료 징수 collectable 수집 대상물 fund-raising 모금 resume 재개하다, 다시 시작하다 issue (출판물의)제~호; 문제, 쟁점 it appears that ~인 것 같다 appear in court 법정에 출두하다 be committed to -ing ~하는 데 헌신하다 be advocate of ~의 옹호자 defy 저항하다; (설명, 묘사 등이)거의 불가능하다 defy description 형언할
[토익] 복습1 - LC, RC, part2 간접의문문, 문법(접속사와 전치사, 가산명사, 불가산명사 등), 어휘 [내부링크]
LC teleconference 화상 회의 (발음 다시 듣기 part1 뜻 아는데 막상 들으면 헷갈림..) fridge,freezer 냉장고(영국 발음 듣기 ㅠ) The curtain is being drawn across the window : 창문에 커튼을 치고 있다.(발음) couches 소파들(발음: 카우치스?) Am I on the right bus for the art museum? : 제가 탄 이 버스가 미술관으로 가는 것 맞나요? (빨리들으면 on을 못들어서 이 사람이 버스에 타고 있는지 버스정류장에서 물어보는 지 헷갈렸음) It's the full fare. : 정상 요금이에요 A light is being thrned on. : 전등 하나가 켜지는 중이다. All the chairs are unoccupied. : 모든 의자들은 비어있다. Trucks have been towed away.(발음 : 토오드 어웨이) : 트럭들이 견인됐다. A basket is sit
[7일차] 토익 보카 암기 [내부링크]
벌써 1주일!! 갓생살기 열심히 하는 중.. 7일차 암기도 화이튕~ analysis 분석 vs analyst 분석가 monopoly (상품의) 독점, 전매 do one's utmost 전력을 다하다 demonstration 설명; 드러냄, 시연 effective 효과적인; (법률 등이) 발효되는, 시행되는 closely 면밀히, 엄밀히 reserve 예약하다, 지정하다; 보존하다 consecutive 연속적인 publicize 공표하다; 광고하다, 선전하다 raise 높이다, 올리다; (의문을) 제기하다 extremely 극도로 vs exclusively 독점적으로 probable 개연성이 높은, 유망한 vs convincing 설득력 있는 mounting 증가하는, 오르는 LC as it is 있는 그대로 concrete 구체적인 RC audiovisual 시청각의 informal 격식에 얽매이지 않는, 편안한 public relations(PR) department 홍보부 str
[쿠키런킹덤] 2월24일 update(쿠키런킹덤쿠폰, 아포가토맛 쿠키토핑, 에피소드13, 필수 랜드마크 등) [내부링크]
쿠키런 킹덤.. 새로 업데이트 됐다!!! 기다리던 업데이트 ㅠㅠㅠ 1. NEW 쿠폰 먼저 다들 궁금해하실 쿠폰부터!!! 이번에 나온 쿠폰은 총 2개!! vV（＾ｖ＾）Vv COOKIELIVECOUPON 0224CRKDARKCACAO 보상은 다이아, 뮤큐, 마법의 쿠키커터, 특별한 쿠키커터, 보물뽑기권, 경험의 별사탕, 30분 가속권!! 위에 두 개가 쿠폰 보상!!ㅎㅎㅎㅎ 2. 아포가토맛 쿠키 토핑 후후 새로 나온 아포가토맛 쿠키를 뽑았다!!! 요런 보상들도 잘 모으구 요로케 이것두 모아서(이번에 마2에 못 들어서 아쉽다 ㅠㅡㅠ) 도전!! 약 55초에 드드등장..~(이 동영상 전에 퓨바도 떴따 ㅠㅡㅠ) 결국 뽑은 아포가토맛 쿠키.. 간신이지만 그래도 뉴 쿠키는 뽑아야댐....... 추천 토핑은 라즈베리 5개!!! 아포가토맛 쿠키 토핑 추천 3. 뉴 에피소드 13!!! 새롭게 나온 왕국이야기 13..!! 다크카카오의 이야기를 볼 수 있다..!! 난 오른쪽 애(잠깐 나오지만)가 너무 기여웠
[1일차] 토익 보카 암기 [내부링크]
오늘부터 단어를 외우면서 갓생을 살아보겠읍니다 ㅎ.ㅎ resume 이력서 opening 공석, 결원; 개장, 개시 (=vacancy 공석, 결원) applicant 지원자, 신청자 apply for지원하다 apply to적용하다 application 신청, 지원서, 적용 appliance 전기 제품 requriement 필요조건, 요건 meet (필요, 요구 등을) 만족시키다 qualified 자격 있는, 적격의 candidate 후보자, 지원자 confidence 확신, 자신, 신임 confidence in ~에 대한 확신, 신임 in confidence 비밀로 highly 매우, 대단히 professional 전문적인, 직업의, 전문가 profession 직업 interview 면접, 면접을 보다 hire 고용하다 training 교육, 훈련 reference 추천서(가산명사), 참고(불가산명사) refer to v ~를 참고하다, 인용하다 refer A to B A를 B로 보내
[2일차] 토익 보카 암기 [내부링크]
오늘도 암기 시작!! attire 복장, 옷차림새 code 규범, 관례, 암호 concern 우려, 걱정, 문제, 일 concerning ~에 관하여 concerned 염려하는, 관련된 worry 걱정시키다 involve ~에 영향을 미치다, 관련시키다 policy 규정, 보험 증권 comply 준수하다, 따르다 regulation 규정 exception 예외 adhere 지키다, 고수하다 adhesive 들러붙는, 접착제 severely 엄격하게, 심하게 refrain from ~을 자제하다,삼가다(refrain은 자동사이므로 from이 꼭 있어야) permission 허락, 허가(불가산명사) permit 허락하다, 허가증(가산명사) access 이용권한, 접근(불가산명사), 통로, ~에 접근하다, 도달하다 approach 접근법(가산명사), 처리 방법 thoroughly 철저하게, 완전히, 대단히 revise (의견, 계획을) 수정하다, 변경하다 approval 승인, 인가 fo
[Python] Chapter 3 console, print formatting(출력 형식) [내부링크]
1. console CLI : Command Line Interface Graphic User Interface (GUI)와 달리 Text를 사용하여 컴퓨터에 명령을 입력하는 인터페이스 체계 (Windows – CMD window) (Mac, Linux – Terminal) 콘솔창 입출력 - input() 함수는 콘솔창에서 문자열을 입력받는 함수 - print()는 출력 후 한 줄 띄워짐 - 콤마(,) 사용할 경우print 문이 연결 됨(이때 한 칸 띄어서 연결됨) ex) 섭씨온도 화씨온도로 변환 print("본 프로그램은 섭씨를 화씨로!!") print("변환하고 싶은 섭씨 온도를 입력해주세요^0^") user_input = input() fah = ((9/5)*float(user_input))+32 print("섭씨온도 :", celcius) print("화씨온도 :", fah) 2. print formatting(출력 형식) 1) %-format : “%datatype” % (
[3일차] 토익 보카 암기 [내부링크]
오늘도 암기 start!! accustomed 익숙한 corporation 주식회사, 법인 demanding 요구가 많은, 힘든 colleague (직업상의) 동료 division 부서 compartment 구획, 칸막이 request 요청, 요청하다 efficiently 효율적으로 manage ~을 경영하다, 가까스로 하다 manage to do 가까스로 ~하다, 그럭저럭 ~해내다 submit 제출하다 directly 곧바로 remind ~에게 상기시키다, 일깨우다 instruct 지시하다, 가르치다 deadline 마감일, 마감 시간 sample 견본, 샘플, 표본, 시식하다, (견본으로 질을) 시험하다 notify ~에게 통지하다, 알리다 notify 사람 + of 내용/that절 ~에게 ~에 대해 통지하다 perform (일,과제,의무 등을) 행하다, 실행하다 monitor 감독하다, 감시하다, 검토하다 deserve ~할 만하다, ~할 가치가 있다 well-deserved
[요리] 카카오프렌즈 라이언&춘식이 2구 와플메이커를 이용한 우당탕탕 와플 만들기 [내부링크]
오늘 리뷰(?)할 제품은 바로바로 내 구닌씨가 2주년 선물로 사준 와플 메이커 입니다~!~!~!~!~! 따단~!~!~!~! (아래의 상자에 담겨서 옵니다요~!~!vV（＾ｖ＾）Vv) 1. 택배 개봉 아래처럼 박스를 뜯으면 예에쁜~~ 와플 메이커 드드등장~~ლ(ლ) 뚜뚜뚠~!~~! 설명서 설명서까지 넘모 기여워 버리기 있냐구...ಠoಠ 그치만 가장 기여웠던건 역시..!! 이 와플판!!!!! 와플을 먹고있는 춘식쓰 라이언쓰 아이 럽 우유.(하트). 2. 첫 번째 시도, 두 번째 시도 약간 실패작들(성공작을 보려면 밑으로 쭉 내려서 3번을 보세용~.~) 첫 번째 할때는, 팬케이크 가루밖에 집에 없어서 그걸로 그냥 했더니... 오른쪽은 계란 남은거 부은거심!!(오른쪽 결과도 아래에 첨부했ㄷ ㅏ!) 바삭바삭한 아이들 대신....요로케.. 말랑말랑한 아이들이 만들어졌다... 그래도 기여워....... 얘가 제일 잘 만들어져서 단독으로 올림 요 두 놈 말랑하게 만들어졌지만 다 내 입으로 쓔쓔쓕==
[에러해결] xcrun: error: invalid active developer path (/Library/Developer/CommandLineTools) [내부링크]
하하 리포지토리에 다시 코드를 올릴라고 했는데 갑자기 이런게 떴다 ^,^ 깃을 Run할 수 없읍니다........ 그래서 이거 xcode업뎃 문제라 걍 xcode만 업데이트 다시 해줌 되겠지 했는데~~~ 앱스토어에서 걍 업데이트 해줬는데 그 업데이트 문제가 아니였나보다(?) 바로 xcode command tools 업데이트 이슈 !! 이를 해결하기 위해서, 터미널을 키고 xcode-select --install 을 입력해줬다! 동의하는 창같은게 뜨는데 다 동의하고 소프트웨어 설치되는걸 기다리면 된다. 요로케하면 완료! 이 과정을 끝내면 정상작동 된당..! 맥 업데이트 관련 이슈라 하니.. 또 뜨면 이 게시글 보고 똑같이 해야지ㅎㅎ #xcrun:error #cannotrungit #mac업데이트이슈 #xcode업데이트이슈 #노란오리의하루기록
[문제해결]Push rejected: Push to origin/master was rejected [내부링크]
파이참(pycharm)에서 push를 하려는데 자꾸 Push rejected: Push to origin/master was rejected 라는..메세지가 떴다 ㅠㅠ 검색해봤을 때는 아래 처럼 해결하면 된다고..했는데.. 결론만 말하자면, 나는 이 방법으로 해결되지 않았다. Push to origin/master was rejected Github에서 Readme를 포함시켜 Repository를 생성한 후, 해당 Repository를 remote로 추가하여 push 하니 생긴 오류. Repository에 이미 Readme라는 파일이 있어, 생기는 에러였다. 해결 방법 $ git pull origin master로 github의 저장 내용을 불러와 합친 후, 다시 $git push한다. 1. $git remote add origin (repository url) 2. $git pull origin master 3. $git push origin master (출처 : https://
[Python] Chapter 1.1 파이썬 소개 [내부링크]
작년에 파이썬 정리하면서 노트 만들어뒀던것을 블로그에도 공유해놓을려고 한다. ㅎㅎ 다른 사람에게도 도움이 되길! 파이썬이란? - 1991년 귀도 반 로섬 (Gudi Van Rossum) 발표 - 플랫폼 독립적 - 인터프리터 언어 - 객체 지향 언어 - 동적 타이핑 언어 - 처음 C언어로 구현되었음 파이썬 특징 플랫폼, 독립적인, 인터프리터 언어/객체 지향적, 동적 타이핑 언어 1. 플랫폼 = OS : 윈도우, 리눅스, 안드로이드, 맥OS, iOS 등 프로그램이 실행되는 운영체제를 플랫폼이라고 함 2. 독립적인 = 관계없는, 상관없는 : OS에 상관없이 한 번 프로그램을 작성하면 사용 가능 3. 인터프리터 = 통역기를사용하는언어 : 소스코드를 바로 실행할 수 있게 지원하는 프로그램 실행방법 (별도의 번역과정 없이 "소스코드를 실행시점에 해석"하여 컴퓨터가 처리할 수 있도록 함) 장점 : 간단히 작성, 메모리가 적게 필요 단점 : 실행속도가 느림 4. 객체지향언어 : 실행순서가 아닌 단
[Python] Chapter 1.2-3 파이썬 개발환경, 인터프리터 Miniconda &Atom 에디터 설치 on Mac & Linux [내부링크]
?개발환경이란? - 프로그램을 작성하고, 실행 시키는 환경 - 일반적으로 <코딩 환경> 이라고 부름 - 개발환경을 결정 1) 운영 체제 (Operating System, OS)(ex.Windows, Linux, Mac OS) 2) Python Interpreter 3) 코드 편집기 (Editor) 미니콘다 설치하기 1. miniconda 검색 2. 터미널에서 wget Miniconda3 Windows 64-bit 입력 (이때 wget이 안깔려 있는경우 brew install wget입력하여 깔고 다시 시도) 3. bash ./Mini(하고나서tap키 누르기) 하고 Enter 4. Q누른 후 라이센스 동의 -> yes치기 5. [설치디렉토리설정]Enter치기 6. ls 하고 Enter쳐서 miniconda3있으면 설치된 것 7. exit 누르기 8. 터미널 껐다가 다시 키기 9. python이라고치면 미니콘다 설치된거 볼 수 있음. 10. 그 뒤에 2+3이런거 치고 Enter누르면 5
[Day 25] 자바스크립트 - 이벤트와 이벤트 처리기(이벤트 핸들러) [내부링크]
1. 이벤트(event) : 웹 브라우저나 사용자가 행하는 어떤 동작 - 마우스 이벤트, 키보드 이벤트, 문서 로딩 이벤트, 폼 이벤트 1) 마우스 이벤트 click 사용자가 HTML 요소 클릭 시 이벤트 발생 dbclick 사용자가 HTML 요소 더블클릭 시 이벤트 발생 mousedown 사용자가 요소 위에서 마우스 버튼을 누를 시 이벤트 발생 mousemove 사용자가 요소 위에서 마우스 포인터를 이동 시 이벤트 발생 mouseover 마우스 포인터가 요소 위로 옮겨질 시 이벤트 발생 mouseout 마우스 포인터가 요소를 벗어날 시 이벤트 발생 mouseup 사용자가 요소 위에 놓인 마우스 버튼에서 손을 뗄 때 이벤트 발생 2) 키보드 이벤트 keydown 사용자가 키를 누르는 동안 이벤트 발생 keypress 사용자가 키를 눌렀을 때 이벤트 발생 keyup 사용자가 키에서 손 뗄 때 이벤트 발생 3) 문서 로딩 이벤트 abort 문서가 완전히 로딩되기 전에 불러오기 멈췄을 때
[Day 26] 자바스크립트 - 객체란? [내부링크]
자바스크립트에서의 객체란? : 프로그램에서 인식할 수 있는 모든 대상 자바스크립트에서 사용하는 객체의 종류 문서 객체 모델 (DOM, The Document Object Model) HTML, XML 문서의 프로그래밍 interface. 웹 문서 자체도 객체, 그 안에 삽입되어 있는 이미지와 링크, 텍스트 필드 등도 모두 객체 ex document, image, link 객체 브라우저 관련 객체 웹 브라우저에서 사용하는 정보도 객체 ex navigator, history, location, screen 객체 내장 객체 자바스크립트 안에 미리 객체로 정의되어 있는 객체. ex Date, Math 객체 1) 객체 인스턴스 만들기 - 자바스크립트에서 객체는 인스턴스(instance)의 형태로 만들어서 사용 (즉, 참조형태로 사용) 사용 예 var currentTime = new Date(); document.write("현재 시각은 " + currentTime +"입니다."; 2) 프로퍼
[Day 26] 자바스크립트 - 내장 객체 Array (자바스크립트 배열 사용법, 메서드) [내부링크]
Array 객체 : 배열을 다루는 자바스크립트의 내장 객체 배열 만들기 대표적인 예 var arr = new Array(); //배열의 크기 지정x, 배열 선언 var arr = new Array(10); //배열의 크기 지정 var arr = Array("빨간 오리 ", "노란 오리", "초록 오리"); var arr = ["빨간 오리 ", "노란 오리", "초록 오리"]; 배열 선언, 초기화 및 출력 예시 var arr = new Array(); //배열 선언 for(var i=0;i<10;i++){ //배열 초기화 arr[i]=i; } /* 아래와 같음 arr[0] = 1; arr[1] = 2; arr[2] = 3; arr[3] = 4; arr[4] = 5; */ for(i=0; i<arr.length; i++){ //배열 출력 document.write(arr[i]+"<br>"); } Array 객체의 메서드 ① concat 기존 배열에 요소 추가하여 새로운 배열 생성 ② p
[Day 26] 자바스크립트 - 내장 객체 Date (자바스크립트 날짜와 시간 정보 사용법, 메서드) [내부링크]
Date 객체 : 날짜와 시간 정보를 다루는 자바스크립트의 내장 객체 날짜 나타내기 대표적인 예 new Date(); //현재 날짜로 설정할 경우 new Date("2022-01-01") //특정 날짜를 설정할 경우 (월, 일 한자리인 경우 0안붙이고 2022-1-1도 됨) new Date("2022-01-02T15:00:00") //특정 날짜와 시간을 설정할 경우 자바스크립트의 날짜, 시간 입력 방식 YYYY-MM-DD 형식 연도 new Date("2022") 연도와 월 new Date("2022-02") 연도와 월, 일 new Date("2022-02-01") YYYY-MM-DDTHH 형식 연도, 월, 일, 시간 new Date("2022-02-01T13:00:00") 연도, 월, 일, 시간 (Z를 붙여 국제 표준시(UTC)로 표시되게 함) new Date("2022-02-01T13:00:00Z") MM/DD/YYYY 형식 월, 일, 연도 순으로 new Date("02/01/20
[Day 26] 자바스크립트 - 내장 객체 Math (자바스크립트 수학 계산 사용, 메서드) [내부링크]
Math 객체 : 수학 계산을 다루는 자바스크립트의 내장 객체 : Math 객체는 인스턴스를 만들지 않음을 주의!! Math.프로퍼티명 Math.메서드명 Math 객체의 프로퍼티 E(오일러 상수), PI(원주율(π)), SQRT2(루트2(약1.4)), SQRT(1/루트2, (약0.7)), LN2(ln2), LN10(ln10), Log2E,(밑이 2이고진수가E인 로그), Log10E(logE) Math 객체의 메서드 max() 매개변수 중 제일 큰 수를 반환 min() 매개변수 중 제일 작은 수를 반환 random() 0과 1 사이의 난수를 반환 round() 숫자에서 가장 가까운 정수를 반환(반올림) ceil() 매개변수의 소수점 이하 부분을 올림 floor 매개변수의 소수점 이하 부분을 버림 sin(), cos(), tan() 사인, 코사인, 탄젠트 값을 반환 asin(), acos(), atan() 아크 사인, 아크 코사인, 아크 탄젠트 값을 반환 sqrt() 매개변수에 대한 제
[자료구조] 이진 탐색 트리(Binary Search Tree, BST) - 정의, 조건, 탐색, 삽입, 삭제, 시간복잡도 [내부링크]
복습 겸 정리를 위해 새로운 카테고리를 만들었습니다 ㅎㅎ! (글 순서는 공부했던 순서가 아닙니다!) 1. 이진 탐색 트리 (Binary Search Tree, BST)? : 이진 트리로서 탐색을 효율적으로 하기 위한 자료구조 2. BST(이진 탐색 트리) 조건 (공백 트리도 BST이다!) ① 이진 트리(자식 최대 2개) 여야 한다. ② 모든 원소는 서로 다른 유일한 key를 가져야 한다. ③ 왼쪽 서브 트리의 key 값 < 루트의 key 값 < 오른쪽 서브 트리의 key 값이어야 한다. ④ 왼쪽 서브 트리 & 오른쪽 서브 트리 모두 BST(이진 탐색 트리) 여야 한다. 3. BST(이진 탐색 트리) 탐색 - root에서 시작해서, if 탐색할 key 값 x = root 노드 key 값 → 탐색 성공 if 탐색할 key 값 x < root 노드 key 값 → 왼·서(왼쪽 서브 트리)로 가서 탐색 if 탐색할 key 값 x > root 노드 key 값 → 오·서(오른쪽 서브 트리)로 가
[Day 23] 자바스크립트 - 조건문과 반복문(if문, switch문, for문, while문, do-while문) [내부링크]
이번 게시물은 자바스크립트뿐만 아니라 코딩을 하기 위해서는 꼭 알아야할 필수 기본 개념입니다. 1. 조건문 1) if문 if(조건){ //조건이 true일 때 실행할 명령들 } if(조건1){ //조건1이 true일 때 실행할 명령들 } else if(조건2){ //조건2가 true일 때 실행할 명령들 } if(조건1){ //조건1이 true일 때 실행할 명령들 } else if(조건2){ //조건2가 true일 때 실행할 명령들 } else { //조건 1,2 모두 만족하지 않을 때 실행할 명령들 } 2) switch문 switch(조건) { case 값1: //조건이 값1과 일치하면 실행할 명령1 break; case 값2: //조건이 값2와 일치하면 실행할 명령2 break; .... default: //조건에 일치하지 않는 case문이 없다면 default문에 있는 명령 실행 } 2. 반복문 - 종료 조건이 되기 전에 반복문을 빠져나와야할 경우는 break;(break 문)
[Day 24] 자바스크립트 - 함수란, var, let, const, 호이스팅(hoisting) [내부링크]
1. 함수(function) : 프로그램의 기능별로 여러 명령을 묶어놓은 것 함수 선언(정의) function 함수명(){ //명령들 } 함수 호출 함수명() 또는 함수명(변수) 매개 변수를 사용한 함수 선언(정의) function 함수명(매개변수1, 매개변수2, ...){ //명령들 } 매개 변수의 기본값 지정한 함수 function 함수명(매개변수1=변수값1, 매개변수2=변수값2, ...){ //명령들 } cf) 함수 호출과 선언 둘 다 소스에 있다면 어느 것이 먼저 와도 문제 없이 실행됩니다. (프로그램 흐름에 영향 주지 X) (보통 한 파일에 여러 함수 선언이 있을 시, 소스의 앞부분 or 뒷부분에 모아놓습니다.) cf) 지역 번수(로컬 변수)(local variable) : 한 함수 내에서만 사용할 수 있는 변수 전역 번수(글로벌 변수)(global variable) : 스크립트 소스 전체에서 사용할 수 있는 변수 2. var을 사용한 변수 vs let과 const을 사용한
[Day 24] 자바스크립트 - 익명 함수, 즉시 실행 함수, 화살표 함수 [내부링크]
1. 익명 함수 : 이름이 없는 함수 function(매개변수1, 매개변수2,...){ //명령 } 사용 예 var multiple = function(a,b){ return a * b; } document.write("두 수의 곱셈 결과는? " + multiple(2, 4)); 2. 즉시 실행 함수 : 한 번 실행하는 함수인 경우, 함수 정의하며 동시에 실행 (function(){ //실행할 명령들 }()); (function(매개변수1, 매개변수2...){ //실행할 명령들 }(인수1, 인수2...)); 3. 화살표 함수 : 함수 선언을 화살표 표기법(=> 표기법)을 사용해 간단하게 작성(ES6버전 부터) - 익명함수에서만 사용 가능 - if 중괄호 안 함수 내용이 단 '한 줄'이라면, 중괄호 생략 가능 (그 문장이 return문이라면 return도 생략 가능) (매개변수) => { 함수 내용 } 1) 매개변수가 없는 경우 - 매개변수 넣는 괄호 안은 비움 사용 예 const b
화장품 원료(1) - 보습제, 산화방지제, 금속이온 봉쇄제, 보존제 [내부링크]
화장품의 제조 및 품질관리와 원료의 사용기준 등에 관한 사항이 제일 어렵기 때문에 이 부분을 외우는 겸 블로그에 남겨놓을려고한다! 이번 포스팅에서는 보습제, 산화방지제, 금속이온 봉쇄제, 보존제의 종류와 특성에 대해서 알아보자!(๑˃̵ᴗ˂̵)و 1. 보습제 보습제는 천연보습인자와 천연보습인자가 아닌 성분들(기타성분)로 나눠서 정리할 수 있다. 1) 천연보습인자(NMF, NAtural Moisturizing Factor) - 각질층에서 수분을 붙들어 두는 흡습성 물질 - 유리상태의 아미노산(40%), 피롤리돈카르복시산(PCA, 12%), 젖산염(12%), 요소(우레아, 7%) 등 - 히알루론산, 베타인, 소듐PCA, 소듐락테이트, 우레아 ? 히알루론산 ? 아미노산의 일종인 뮤코다당류 자신의 무게의 1000배 이상의 수분 흡수 => 수분저장소 세균 침입&독물 침투 막음 ? 베타인 ? 메틸기 3개 가진 아미노산 피부 친화력&흡수력 좋은 천연보습인자 피부에 보호막 형성 건조함 방지 => 컨
화장품 원료(2) - 고분자화합물, 알칼리제 [내부링크]
저번 글에서 보존제까지 다루었다!! o((*^^*))o 이번에는 고분자화합물과 알칼리제에 대해 알아보자! 5. 고분자화합물 - 분자량이 1만 달톤 이상의 화합물 - 제품의 성상↑ ~ 사용감 개선&피부막 형성 - 점증제(천연점증제, 반합성고분자, 합성고분자), 피막형성제(수용성, 비수용성)가 있다. 1) 점증제 : 제품의 밀착력 up시켜주고, 발림성&사용성 좋게 해줌 : 화장품이 피부에 머무르는 시간 증가시켜줌 : 결합제, 유화안정제 천연점증제 식물성 셀룰로오스검, 구아검, 아라비아검 동물성 젤라틴, 콜라겐, 카제인 미생물 잔탄검, 덱스트린 반합성고분자 안정성 good 메틸셀룰로오스, 에틸셀룰로오스, 하이드록시에틸셀룰로오스 합성고분자 소듐아크릴레이트폴리머, 폴리아크릴레이트, 카보머(카르복시비닐폴리머), 폴리쿼터늄 카보머 - 수용성 점증제로 널리 쓰임 - 피부자극↓, 점증효과 우수 - 알칼리제 첨가 시 중화되어 점도 ↑ 2) 피막형성제 : 고분자 필름막 : 피부에 피막 형성 -> 피부
화장품 원료(3) - 비타민 [내부링크]
우리가 자주 접하는 비타민에 대해 정리해보자 d(^ー^) 비타민의 종류를 살펴보기 전에!! 수용성 비타민 - 비타민 B, C, H(B7), P 지용성 비타민 - 비타민 A, D, E, F, K , Q 이거는 알고 가자!! 참고로 나는 내 마음대로 암기법(?)을 만드는 것을 좋아하는데 수용성 비타민 종류를 외울때 "시(C)비(B)걸리기싫으면......HP포션...내놔라..." 로 외웠음....ㅎㅎ 지용성 비타민은... 부끄럽지만.. "킹(King)과 퀸(Queen)이 아(A)프(F)대(DaE)"로...외웠다..!! 나는 왜 이렇게 암기하는걸 좋아하는지는 의문이다(?) 하지만 이렇게 공부하면 재미도 있도라 (•ᴗ•) *。 이 글을 보고 있으시다면... 공부가 안될 때 한 번씩 떠올리면서 해보세요 ㅎㅎ 자 그럼 이제 본론!! 7. 비타민 1) 비타민 A - 레티놀 : 주름, 각질, 항산화, 여드름치료(의약품), 보습효과 등 레티놀 - 주름개선 기능성성분(2,500 IU/g) 레티닐팔미테이
화장품 원료(4) - 색소 [내부링크]
오늘은 색소!!에 대해 알아보겠습니다 ㅎㅎ o((*^^*))o 식품의약품안전처고시 화장품의 색소 종류와 기준 및 시험방법(제2020-64호) [제 2조 - 용어의 정의]에 따르면 색소의 정의는 다음과 같습니다! 색소 : 화장품이나 피부에 색을 띄게 하는 것을 주요 목적으로 하는 성분을 말한다. 우리가 평소에 생각하는 색소의 의미로 받아드리면 될 것 같아요 ㅎㅎ 색소의 종류는 아래와 같습니다! 색소는 크게는 염료, 안료로 구분할 수 있습니다. 염료(Dye)는 다시 수용성/유용성염료로 구분할 수 있고, 안료(Pigment는 무기안료, 유기안료로 구분할 수 있습니다. 색소 염료 안료 수용성염료 유용성염료 무기안료 유기안료 체질안료 식물성 착색안료 동물성 백색안료 레이크 진주광택안료 (^O^) 합성무기 1. 염료 - 물, 오일, 알코올 등에 용해 -> 메이크업 화장품에 거의 사용 X, 기초&방향용화장품에서 제형의 색상을 내는데에 사용 -> 염료 세부종류 : 아조계 염료, 잔틴계 염료
기능성화장품의 심사(&자료제출 생략 가능한 경우) [내부링크]
기능성화장품 인증은 심사와 보고로 나눌 수 있는데, 오늘은 기능성화장품 심사에 대해 알아보자 ٩(๑>∀<๑)۶ (1) 누가 누구에게 화장품제조업자, 화장품책임판매업자, 대학, 연구기관 연구소 가-> 식품의약품안전평가원장 에게 심사받아야 함! (2) 제출 서류 기능성화장품 심사 시 제출서류는 총 5가지이다! 1. 기원 및 개발 경위에 관한 자료 2. 안전성에 관한 자료 3. 유효성 또는 기능에 관한 자료 4. 자외선차단지수(SPF), 내수성자외선차단지수(SPF), 자외선A차단등급(PA) 설정의 근거자료 5. 기준 및 시험방법에 관한 자료 1. 기원 및 개발 경위에 관한 자료 for 기능성화장품에 대한 판단에 도움 2. 안전성에 관한 자료 - 자료 종류 1. 1차 피부 자극시험 자료 2. 단회 투여 독성시험 자료 3. 피부 감작성 시험 자료 4. 안점막 자극 시험 및 기타 점막 자극 시험 자료 5. 인체 첩포 시험 자료 6. 광독성 및 광감작성 시험 자료 - 식약처에서 고시한 『비임상
기능성화장품의 보고 [내부링크]
안녕하세요! 오늘은 저번 글(기능성화장품의 심사)에 이어서 기능성화장품의 보고!!에 대해 알아보겠습니다 ٩(๑>∀<๑)۶ 기능성화장품의 심사를 받지 아니하고 식품의약품안전평가원장에게 보고서를 제출하여야하는 대상은 각 호와 같다. 화장품법 시행규칙 제10조제1항 즉, 보고의 대상에 해당될 경우 식품의약품 안전평가원장에게 보고서를 제출을 하는 보고는 1호 보고, 2호 보고, 3호 보고 총 3가지 보고가 있습니다. < 1호보고 > 효능·효과가 나타나게 하는 성분의 종류·함량, 효능·효과, 용법·용량, 기준 및 시험방법(KFCC)이 식품의약품안전처장이 고시한 품목과 같은 기능성화장품 보고 불가는 아래의 표에 빨간색으로 나타내었음. 기능성 종류 자료제출 생략 기능성화장품에 기재된 성분 ((별표4)자료제출이 생략되는 기능성화장품) 함량 기능성화장품기준 및 시험방법(KFCC) 원료 제제 미백 마그네슘아스코빌포스페이트 3% x x 닥나무추출물 2% o x 유용성감초추출물 0.05% o 액제, 로션
사용할 수 없는 원료 [내부링크]
TMI - 오늘은 몸이 안 좋아서 침대에서 누워서라도 쓰는 중....... 아무튼 오늘도 뭐라도 외워보자하는 마음으로 글을 쓰게되었다! (식약처장 지정하여 고시) 사용할 수 없는 원료 (cf) 보존제, 색소, 자외선차단제 등과 같은 사용상의 제한이 필요한 원료는 사용기준 有-> 식약처장 지정, 고시.) ※사용할 수 없는 원료※ 디에칠아민 페닐파라벤 리도카인 마취제(천연 및 합성) 콜타르 및 정제콜타르 안트라센오일 미세플라스틱(세정, 각질제거 등의 제품에 남아있는 5mm 크기 이하의 고체플라스틱) 목향뿌리오일 베르베나오일 무화과나무잎엡솔루트(피그잎엡솔루트) 천수국꽃 추출물 또는 오일 토목향오일 미네랄 울 메칠렌글라이콜 부톡시디글리세롤 부톡시에탄올 에칠렌글리콜 디메칠 에텔(EGDME) 에칠렌옥사이드 요오드 벤조일퍼옥사이드 트레티노인(테티노익애씨드 및 염류) 아다팔렌 피토나디온(비타민K1) 비타민L1, L2 에르고칼시페롤 및 콜레칼시페롤(비타민 D2, D3) 히드로퀴논 석유 정제과정에서
알레르기 유발성분 [내부링크]
사용 후 씻어내는 제품에는 0.01%초과, 사용 후 씻어내지 않는 제품에는 0.001% 초과 함유하는 경우에 한해서 아래의 알레르기 유발성분을 표시·기재해야한다고 합니다. 1. 신남알 2. 아밀신남알 3. 신나밀알코올 4. 아밀신나밀알코올 5. 헥실신남알 6. 유제놀 7. 아이소유제놀 8. 제라니올 9. 리날룰 10. 리모넨 11. 파네솔 12. 메틸 2-옥티노에이트 13. 알파-아이소메틸아이오논 14. 시트랄 15. 시트로넬올 16. 하이드록시시트로넬알 17. 벤질알코올 18. 벤질살리실레이트 19. 벤질신나메이트 20. 벤질벤조에이트 21. 쿠마린 22. 아니스알코올 21. 참나무이끼추출물 24. 나무이끼추출물 25. 부틸페닐메틸프로피오날 cf) 내용량 10mL(g) 초과 50mL(g) 이하인 소용량 화장품 -> 알레르기 유발성분 표시 생략 가능. but, 홈페이지 등에서 확인 할 수 있도록 해야함. #맞춤형화장품조제관리사 #맞춤형화장품조제관리사자격증 #알레르기유발성분 #알레르기
위해화장품의 회수절차 [내부링크]
영업자(회수의무자->제조업자, 책임판매업자, 맞춤형화장품판매업자)는 가,나,다 위해성 등급에 해당하여 국민보건에 위해를 끼치거나 끼칠 우려가 있는 화장품이 유통 중인 사실을 알게 된 경우 판매중지 등의 필요한 조치를 하여야하고 화장품을 회수하거나 회수하는데에 필요한 조치를 하여야 합니다. 위해성 등급 가등급 - 화장품에 사용할 수 없는 원료를 사용한 화장품 (사용금지 고시원료, 사용 한도를 벗어나거나 고시된 보존제, 색소, 자외선차단제 외의 원료) 나등급 - 안전용기·포장 등에 위반되는 화장품 - 유통화장품 안전관리 기준에 위반되는 화장품(중금속 검출한도, 미생물한도, pH기준 등) (but, 내용량 기준 부적합과 기능성화장품 주원료 함량 부적합은 제외) 다등급 - 변패된 화장품 - 병원미생물에 오염된 화장품 - 기능성화장품 주원료 함량이 부적합한 화장품 - 이물 혼입되어 위해 발생 우려 있는 화장품 - 사용기한 or 개봉 후 사용기간(제조연원일 포함)을 위조·변조한 화장품 - 영업
[전시회] 2021인-코스메틱스코리아 방문 [내부링크]
'2021인-코스메틱스코리아( in-cosmetics Korea 2021)'전시회는 화장품 공부를 본격적으로 시작하면서 화장품에 대해 더욱 궁금해져서 가게된 첫 화장품 관련 전시회였습니다!! - 맞춤형화장품조제관리사 자격증 공부를 하며 흥미를 더욱 붙이기 위해 방문하였습니다:) 출처 : https://www.in-cosmetics.com/korea/en-gb.html 전시 개요 국내 유일의화장품 원료 전문전시회인 인-코스메틱스코리아에는 원료, 프레그런스, 랩장비, 테스팅 및규제 솔루션 관련 300여개의업체가 참가하며 9,000여명의국내외 퍼스널 케어업계 관련 전문가들이방문합니다. 국내뿐만 아니라 글로벌업계 트렌드를 한곳에서 선보이고 다이나믹한한국 화장품 시장에서퍼스널 케어 원료커뮤니티를 위한 가장효율적인 비즈니스 및네트워킹 기회와 가능성을제공합니다. 전시 품목 화장품 원료,프레그런스, 테스팅 및실험 장비, 규제 솔루션등 개최기간, 관람시간, 개최장소 개최기간 : 2021-07-14
유통화장품 안전관리 기준 [내부링크]
오늘은 유통화장품 안전관리 기준에 대해 정리해보겠습니다! (위반 시 위해성 등급 '나'등급에 해당 - 단 내용량 기준 부적합(위해화장품 X), 기능성 주원료 함량 부적합(위해성 등급 다)은 제외) 유통화장품 안전관리 기준은 총 7가지로 나눠서 살펴볼 수 있습니다! 1. 비의도적으로 유래된 물질의 검출허용한도 2. 미생물한도 3. 내용량 기준 4. pH 기준 5. 기능성 성분의 함량 6. 화장비누의 유리알칼리한도 7. 퍼머넌트웨이브용 제품의 기준(펌제의 기준, 중화제의 기준) 하나씩 알아보겠습니다! 1. 비의도적으로 유래된 물질의 검출허용한도 화장품 제조 시 인위적 첨가하지 않았의나 비의도적으로 유래된 경우 해당 물질의 검출 허용 한도는 다음과 같습니다. ① 납 : 점토를 원료로 사용한 분말제품은 50/g이하, 그 밖의 제품은 20 /g 이하 ② 니켈 : 눈 화장용 제품은 35/g 이하, 색조 화장용 제품은 30/g 이하, 그 밖의 제품은 10/g 이하 ③ 비소 : 10/g 이하 ④
천연화장품 및 유기농화장품 제조 작업장에서 세척제로 가능한 원료 [내부링크]
오늘은 짧은 정리 내용을 가져왔습니다! 단순 암기 부분이 될거같아서 잊기 전에 블로그에 남기러 왔습니다 ㅎㅎ 천연화장품 및 유기농화장품 제조 작업장에서 세척제로 가능한 원료는 아래와 같습니다 같이 외워봐요! 1. 과산화수소 2. 과초산 3. 락틱애씨드 4. 알코올(이소프로판올 및 에탄올) 5. 계면활성제 6. 석회장석유 7. 소듐카보네이트 8. 소듐하이드록사이드 9. 시트릭애씨드 10. 식물성 비누 11. 아세틱애씨드 12. 열수와 증기 13. 정유 14. 포타슘하이드록사이드 15. 무기산과 알칼리 #맞춤형화장품조제관리사 #맞춤형화장품조제관리사자격증 #세척제
우수화장품 제조 및 품질관리기준(CGMP) - 제조관리 [내부링크]
CGMP는 당연한 얘기가 많아서 원료 암기보다 더 안 외워지는 경향이 있는 것 같습니다...ㅠㅠ 오늘은 CGMP 제조관리부분에서 외워야할 사항들, 몇가지 포인트들만 정리해보겠습니다! Point 1. 원자재 용기 및 시험기록서의 필수적인 기재사항 - 원자재 공급자가 정한 제품명 - 원자재 공급자명 - 수령일자 - 공급자가 부여한 제조번호 또는 관리번호 Point 2. 원료, 포장재의 선정 절차 중요도 분류 -> 공급자 선정 -> 공급자 승인 -> 품질 결정 -> 품질계약서 공급계약 체결 -> 정기적 모니터링 Point 3. 원료, 포장재의 발주 및 불출 절차 발주(품질관리부서가 승인, 품질계약서를 교환, 정기적으로 감사 실시) -> 입고 -> 라벨 첨부 -> 보관 -> 불출 Point 4. 반제품은 용기에 표시해야할 사항 - 명칭 또는 확인코드 - 제조번호 - 완료된 공정명 - 필요한 경우에는 보관조건 Point 5. 포장지시서에 표시해야할 사항 - 제품명 - 포장 설비명 - 포장재
우수화장품 제조 및 품질관리기준(CGMP) - 품질관리 [내부링크]
저번 게시글에 이어서!! 이번 게시글은 CGMP 품질관리에 관한 Point들을 정리해보겠습니다 ㅎㅎ Point 1. 시험용 검체의 용기에 기재해야할 사항 - 명칭 또는 확인코드 - 제조번호 - 검체채취 일자 - (가능한 경우) 검체채취 지점 Point 2. 완제품 보관용 검체 사용기한 경과 후 1년간 or 개봉 후 사용기간을 기재하는 경우에는 제조일로부터 3년간 보관 Point 3. 검체채쥐 절차서 기재 사항 - 오염과 변질을 방지하기 위해 필요한 예방조치를 포함한 검체채취 방법 - 검체채취를 위해 사용될 설비·기구 - 채취량 - 검체확인 정보 - 검체채취 시기 또는 빈도 Point 4. 표준품과 주요시약의 용기에 기재해야할 사항 - 명칭 - 개봉일 - 보관조건 - 사용기한 - 역가, 제조자의 성명 또는 서명(직접 제조한 경우에 한함) Point 5. 폐기 또는 재작업 여부는 품질보증 책임자가 승인 재작업은 아래의 경우를 '모두' 만족한 경우에 할 수 있습니다! - 변질·변패 또는
미네랄유래 원료 [내부링크]
미네랄유래 원료가 너무 많아서 복습 겸 정리하겠습니다!! 아래 미네랄 유래 원료의 Mono-, Di-, Tri-, Poly-, 염도 사용 가능 구리가루 규조토 마그네슘설페이트 마그네슘실리케이트 마그네슘알루미늄실리케이트 마그네슘옥사이드 마그네슘카보네이트 마그네슘카보네이트하이드록사이드 마그네슘클로라이드 마그네슘포스페이트 마그네슘하이드록사이드 마이카 말라카이트 망가니즈비스오르토포스페이트 망가니즈설페이트 바륨설페이트 벤토나이트 비스머스옥시클로라이드 소듐글리세로포스페이트 소듐마그네슘실리케이트 소듐메타실리켕티ㅡ 소듐모노플루오로포스페이트 소듐바이카보네이트 소듐보레이트 소듐설페이트 소듐실리케이트 소듐카보네이트 소듐치오설페이트 소듐클로라이드 소듐포스페이트 디소듐포스페이트 소듐플루오라이드 소듐하이드록사이드 실리카 실버 실버설페이트 실버씨트레이트 실버옥사이드 실버클로라이드 씨솔트 아이런설페이트 아이런실리케이트 아이런옥사이드 아이런하이드록사이드 알루미늄아이런실리케이트 알루미늄 알루미늄가루 알루미늄설퍼이트
피부 생리구조 관련 정리 - 표피 [내부링크]
피부 생리구조를 알기 전에 꼭 알아야할 단어들! 피부 소구 피부 소릉 피부 결 모공(소구가 교차하는 곳, 모발 나오고 피지 분비되는 구멍) 한공(소릉의 중심에 위치, 땀 분비 구멍) <피부의 구조> 피부 표피 진피 피하지방조직 각질층 유두층 투명층 망상층(진피의 약 90%) 과립층 유극층 기저층 * 기저층&유극층은 유핵층(말피기층) * 과립층은 유핵+무핵층 * 투명층&각질층은 무핵층 이 중에서 이번 게시글에서는 표피!!에 대해 알아보겠습니다. 1. 표피 - 상피조직(중층편평상피)의 일부 - 표피세포(각질형성세포, 멜라닌형성세포, 랑게르한스세포, 머켈세포)의 90%는 각질형성세포 - 각질형성세포가 분열&분화 -> 각질세포가 되어 탈락 : 각화과정 - 각화주기 : 약 28일 - 노화된 피부일수록 ~ 각질층 두껍 -> 잔주름&피부거침 - 1 - 기저층 - 유핵세포 & 단일세포층 - 기저막을 경계로 진피와 붙어있음 - 진피의 모세혈관으로부터 산소&영양소 공급받음 - 각질형성세포, 멜라닌형성
유통화장품 안전관리 시험방법 - 비의도적 유래 물질 [내부링크]
아래 게시물에서 잠깐 다뤘지만 추가해서 오늘은 비의도적 유래 물질의 시험방법까지 알아보겠습니다! https://blog.naver.com/cleveryellowduck/222466406237 유통화장품 안전관리 기준 오늘은 유통화장품 안전관리 기준에 대해 정리해보겠습니다! (위반 시 위해성 등급 '나'등급에 ... blog.naver.com 1. 비의도적으로 유래된 물질의 검출허용한도 화장품 제조 시 인위적 첨가하지 않았의나 비의도적으로 유래된 경우 해당 물질의 검출 허용 한도는 다음과 같습니다. ① 납 : 점토를 원료로 사용한 분말제품은 50/g이하, 그 밖의 제품은 20 /g 이하 ② 니켈 : 눈 화장용 제품은 35/g 이하, 색조 화장용 제품은 30/g 이하, 그 밖의 제품은 10/g 이하 ③ 비소 : 10/g 이하 ④ 수은 : 1/g 이하 ⑤ 안티몬 : 10/g 이하 ⑥ 카드뮴 : 5/g 이하 ⑦ 디옥산: 100/g 이하 ⑧ 메탄올 : 0.2(v/v)%이하, 물휴지는 0.00
유통화장품 안전관리 시험방법 - 미생물한도 [내부링크]
아래 게시물에서 잠깐 다뤘지만 추가해서 오늘은 미생물한도 시험방법까지 알아보겠습니다! https://blog.naver.com/cleveryellowduck/222466406237 유통화장품 안전관리 기준 오늘은 유통화장품 안전관리 기준에 대해 정리해보겠습니다! (위반 시 위해성 등급 '나'등급에 ... blog.naver.com * 미생물한도 - 총호기성생균수 : 영유아용 제품류 및 눈화장용 제품류의 경우 500개/g(mL) 이하 - 세균 및 진균수 : 물휴지의 경우 각각 100개/g(mL) 이하 : 기타 화장품의 경우 1000개/g(mL) 이하 - 대장균, 녹농균, 황색포도상구균은 불검출 복습겸 위의 내용을 넣었습니다!! 한 번 다시 읽고 밑에를 봐주세요 ㅎㅎ <미생물한도 시험방법> - 시험순서 1. 검액 제조(검체 전처리) 2. 조작용 배지 준비 3. 조작(도말 및 배양) 4. 측정 1. 검액 제조(검체의 전처리) ① 액제·로션제 검체 1mL(g) + 변형레틴액체배지 or 검증
처음으로 만든 문제입니다. [내부링크]
풀어보세요! https://docs.google.com/forms/d/e/1FAIpQLScGxnrwaT8HsmAwVzNwaHVLTVwJGTEepJ8xTyxBK5YZtPb1Xg/viewform?usp=sf_link 맞춤형화장품조제관리사자격증 복습퀴즈(1) Made by cleveryellowduck https://m.blog.naver.com/cleveryellowduck(모바일) https://blog.naver.com/cleveryellowduck(PC) CGMP 부분 docs.google.com
CGMP 관련문제(2) [내부링크]
복습용으로 만든 문제입니다. https://docs.google.com/forms/d/e/1FAIpQLSfj919RlwX8nTnb6f8aVItuNKZgmd1iJVtKUP6RuJYUrhpqNg/viewform?usp=sf_link 맞춤형화장품조제관리사자격증 복습퀴즈(2) Made by cleveryellowduck CGMP 부분 docs.google.com
화장품제조업자가 시설의 일부를 갖추지 아니할 수 있는 경우 [내부링크]
오늘은 간단한 것을 정리하고 가겠습니다!! 객관식 대비..! 1. 화장품제조업자가 화장품의 일부 공정만을 제조하는 경우 -> 시설 및 기구의 일부를 갖추지 아니할 수 있다. 2. 보건환경연구원, 원료·자재 및 제품의 품질검사를 위한 시험실을 갖춘 제조업자, 화장품 시험·검사기관, 사단법인 한국의약품수출입협회 등에 원료·자재 및 제품에 대한 품질검사를 위탁하는 경우 -> 품질검사를 위한 시험실, 시설 및 기구를 갖추지 아니할 수 있다. * 아래의 사진은 해당 글과 관련 없습니다.(ONLY 블로그 주인의 오리 영업ing) #맞춤형조제관리사 #맞춤형조제관리사자격증 #화장품제조업자
보존제의 장점 [내부링크]
https://blog.naver.com/cleveryellowduck/222456233814 화장품 원료(1) - 보습제, 산화방지제, 금속이온 봉쇄제, 보존제 화장품의 제조 및 품질관리와 원료의 사용기준 등에 관한 사항이 제일 어렵기 때문에 이 부분을 외우는 겸 ... blog.naver.com 위의 글에서 보존제에 대해 쓰긴했지만, 보존제의 장점을 추가적으로 알려드리고자 글을 작성하게되었습니다!! <보존제의 장점> - 저항성 미생물의 사멸, 억제 - 보존제 총 사용량의 감소 - 다양한 균에 대한 항균효과 - 저항성 균의 출현을 억제하는 효과 - 생화학적 상승효과 유발 짧지만 한 번 읽고 시험보는 것도 괜찮을 것 같습니다 ㅎㅎ * 사진과 글은 아무 관련이 없습니다.(귀여워서 첨부합니다..!) #맞춤형화장품조제관리사 #맞춤형화장품조제관리사자격증 #보존제
맞춤형화장품조제관리사 자격증 시험에 나오는 다양한 용어 정리 [내부링크]
시간날 때마다 계속 업데이트 중....(미완성 게시물입니다) 품질관리 : 화장품의 책임판매 시 필요한 제품의 품질을 확보하기 위해서 실시하는 것으로서, 화장품제조업자 및 제조에 관계된 업무(시험·검사 등의 업무를 포함한다)에 대한 관리·감독 및 화장품의 시장 출하에 관한 관리, 그 밖에 제품의 품질의 관리에 필요한 업무 품질보증 : 제품이 적합 판정 기준에 충족될 것이라는 신뢰를 제공하는데 필수적인 모든 계획되고 체계적인 활동 일탈 : 제조 또는 품질관리 활동 등의 미리 정하여진 기준을 벗어나 이루어진 행위 기준일탈 : 규정된 합격 판정 기준에 일치하지 않는 검사, 측정 또는 시험결과 원료 : 벌크 제품의 제조에 투입하거나 포함되는 물질 반제품 : 제조공정 단계에 있는 것으로서 필요한 제조공정을 더 거쳐야 벌크 제품이 되는 것 벌크 제품 : 충전(1차 포장) 이전의 제조 단계까지 끝낸 제품 완제품 : 출하를 위해 ㅔ품의 포장 및 첨부 문서에 표시공정 등을 포함한 모든 제조공정이 완료
맞춤형화장품조제관리사 자격증 시험에 나오는 다양한 용어 정리(2) [내부링크]
시간날 때마다 업데이트 중...(미완성 게시물) <피막형성제(필름형성제) 관련> 폴리비닐알코올 : 폴리비닐 아세테이트를 검화하여 제조하며 주로 필 오프타입의 팩 제조에 사용됨 나이트로셀룰로오스 : 대부분 네일에나멜의 피막제로 사용됨. 비수용성 폴리비닐피롤리돈 : N-비닐 피롤리돈을 과산화 촉매하에서 중합하여 제조됨 <비타민A 관련> 레티닐팔미테이트 : 레티놀에 지방산이 붙은 에스테르 형태. 레티놀 대비 안정성이 높으며 인체 흡수 뒤 레티놀로 가수분해 됨 폴리에톡실레이티드레틴아마이드 : 레티놀에 PEG를 결합한 형태. 레티놀 대비 안정성이 높음 #맞춤형화장품조제관리사 #맞춤형화장품조제관리사자격증 <비타민D 관련> 7-디하이드로콜레스테롤(7-DHC) : 290~320nm의 자외선인 UVB를 가장 효과적으로 흡수하여 비타민 D3로 전환. 피부에서 기저층과 유극층에 높은 농도로 존재 에탄올 : 수성원료로, 수렴, 청결, 살균제, 가용화제 등으로 이용되며 스킨 토너류 제품에는 주료 수렴효광와
맞춤형화장품조제관리사 시험에 나오는 각종 서식(?)정리(ex.판매내역서,제품표준서 등) [내부링크]
시간나는대로 계속 이어서 쓰겠습니다! (아직 미완성 글) 1. 판매내역서 (맞춤형화장품 판매업자의 준수사항) (다음 각 목의 사항이 포함된 맞춤형화장품 판매내역서를 작성·보관할 것) 가. 제조번호 나. 사용기한 또는 개봉 후 사용기간 다. 판매일자 및 판매량 2. 원자재 용기 및 시험기록서(의 필수 기재사항) - 원자재 공급자가 정한 제품명 - 원자재 공급자명 - 수령일자 - 공급자가 부여한 제조번호 또는 관리번호 3. 반제품 용기 표시 사항 - 명칭 또는 확인코드 - 제조번호 - 완료된 공정명 - 필요한 경우에는 보관조건 4. 포장지시서 - 제품명 - 포장 설비명 - 포장재 리스트 - 상세한 포장공정 - 포장생산수량 5. 완제품 관리 항목 - 보관 - 검체채취 - 보관용 검체 - 제품 시험 - 합격·출하 판정 - 출하 - 재고 관리 - 반품 6. 파레트에 적재된 모든 재료(또는 기타 용기 형태)는 다음과 같이 표시 - 명칭 또는 확인코드 - 제조번호 - 제품의 품질을 유지하기 위해
천연화장품 및 유기농화장품의 제조에 사용 가능 원료 [내부링크]
이번 게시물에서는 제목 그대로 천연화장품 및 유기농화장품의 제조에 사용 가능 원료에 대해 알아보겠습니다! <천연화장품 및 유기농화장품의 제조에 사용 가능 원료> ① 천연 원료(유기농 원료, 식물 원료, 동물성 원료, 미네랄 원료) ② 천연유래 원료(유기농유래 원료, 식물유래 원료, 동물성유래 원료, 미네랄유래 원료) ③ 물 ④ 허용되는 기타원료 및 합성원료 [별표3 및 별표4] ※ 합성원료는 천연화장품 및 유기농화장품의 제조에 사용할 수 없습니다. 단, 천연화장품 또는 유기농화장품의 품질 또는 안전을 위해 필요하나 따로 자연에서 대체하기 곤란한 제1항 제4호의 원료는 5% 이내에서 사용할 수 있습니다. 이 경우에도 석유화학 부분(petrochemical moiet의 합)은 2%를 초과금지입니다. [ 석유화학 부분(%) = 석유화학 유래 부분 몰중량 / 전체 분자량 × 100 ] ※ 제조에 사용하는 모든 원료는 [별표2]의 오염물질에 의해 오염되면 안됩니다. 출처 : 식품의약품안전처
화장품의 유형 [내부링크]
완전 기초지만! 모르면 안되는 필수개념이라서 작성합니다! 총 13가지 유형이 있습니다 ୧( “̮ )୨ 1. 영유아용 제품류(만 3세 이하) ① 영유아용 샴푸, 린스 ② 영유아용 로션, 크림 ③ 영유아용 오일 ④ 영유아 인체 세정용 제품 ⑤ 영유아 목욕용 제품 2. 목욕용 제품류 ① 목욕용 오일•정제•캡슐 ② 목욕용 소금류 ③ 버블 배스(bubble baths) ④ 그 밖의 목욕용 제품류 3. 인체 세정용 제품류 ① 폼 클렌저 ② 바디 클렌저 ③ 액체 비누 및 화장 비누(고체 형태의 세안용 비누) ④ 외음부 세정제 ⑤ 물휴지(but 「위생용품 관리법」에 의해 식품접객업의 영업소, 장례식장, 의료기관에서 사용되는 물휴지는 제외) ⑥ 그 밖의 인체 세정용 제품류 4. 눈 화장용 제품류 ① 아이브로 펜슬 ② 아이 라이너 ③ 아이 섀도 ④ 마스카라 ⑤ 아이 메이크업 리무버 ⑥ 그 밖의 눈 화장용 제품류 외우기 쉽게 그림을 그려봤습니다 ㅎㅎ(그림 툴이 계속 렉걸려서 퀄리티는 무시해주세요...)
[마스크팩] 순플러스 하이 액티브 세럼 마스크[시카 부스트] [내부링크]
이 게시판은 화장품을 하나씩 정리해볼 계획으로 만들었습니다. 첫 게시물은 순플러스의 하이 액티브 세럼 마스크 3종 중 하나인 '순플러스 하이 액티브 세럼 마스크[시카 부스트]'에 대해서 작성해보고자합니다. 순플러스 하이 액티브 세럼 마스크 3종 마스크팩 앞면에서 살펴 볼 수 있듯이, 이 마스크는 '시카 성분'에 초점을 두고 제작하였습니다. 그럼 이제 순플러스 하이 액티브 세럼 마스크 성분을 살펴보겠습니다. 마스크팩 뒷면을 보면, 아래와 같이 전성분이 나와있습니다. 정제수, 부틸렌글라이콜, 글리세린, 프로판다이올, 1,2-헥산다이올, 알란토인, 베타인, 카보머, 알지닌, 에틸헥실글리세린, 잔탄검, 다이소듐이디티에이, 하이드로제네이티드레시틴, 세라마이드엔피, 바이오사카라이드검-1, 소듐하이알루로네이트, 스쿠알란, 세틸에틸헥사노에이트, 콜레스테롤, 마카다미아씨오일, 토코페롤, 스테아릭애씨드, 올레익애씨드, 유채스테롤, 글리세릴카프릴레이트, 아시아티코사이드, 아시아틱애씨드, 마데카식애씨드,
[마스크팩] 순플러스 하이 액티브 세럼 마스크[비타 부스트] [내부링크]
오늘은 순플러스의 하이 액티브 세럼 마스크 3종 중 하나인 '순플러스 하이 액티브 세럼 마스크[비타 부스트]'에 대해서 작성해보고자합니다. 이 마스크는 비타민 성분을 주요 효능의 성분으로 설명합니다. 그럼 이제 순플러스 하이 액티브 세럼 마스크[비타 부스트] 성분을 살펴보겠습니다. 마스크팩 뒷면을 보면, 아래와 같이 전성분이 나와있습니다. 정제수, 다이프로필렌글라이콜, 글리세린, 부틸렌글라이콜, 나이아신아마이드*, 1,2-헥산다이올, 프로핀다이올, 아크릴레이트/C10-30알킬아크릴레이트크로스폴리머, 폴리글리세릴-10라우레이트, 트라넥사믹애씨드, 트로메타민, 에틸헥실글리세린, 잔탄검, 아데노신, 하이드록시에틸셀룰로오스, 알란토인, 다이소듐이디티에이, 향료, 비타민나무열매추출무, 황련뿌리추출물, 카프릴릭/카프릭트라이글리세라이드, 흰목이버섯포자낭과추출물, 하이드로제네이티드레시ㅣ틴, 피토스테릴/옥틸도데실라우로일글루타메이트, 토코페롤*, 세라마이드엔피, 말토덱스트린, 사카라이드하이드롤리세이트
[Day1] 01 웹 개발 기본 다지기 [내부링크]
HTML을 작년에 공부했었는데 다 잊어버려서... 다시 시작하는 마음으로 Do it! HTML+CSS+자바스크립트 웹 표준의 정석(한 궈으로 끝내는 웹 기본 교과서)를 구매했습니다! http://book.naver.com/bookdb/book_detail.nhn?bid=17764401 Do it! HTML + CSS + 자바스크립트 웹 표준의 정석 웹 분야 1위! 그만한 이유가 있다!키보드를 잡고 실습하다 보면 웹 개발의 3대 기술이 끝난다!웹의 기본을 한 권으로 끝낼 수 있는 책이 탄생했다! 8년 연속 웹 분야 도서 1위인 《Do it! HTML5+CSS3 웹 표준의 정석》의 고경희 저자는 ‘HTML, CSS, 자바스크립트를 한 권으로’ 배우고 싶다는 많은 독자의 요구를 모아 최신 경향을 반영한 이 책을 집필했다. 웹 개발을 시작하는 입문자도 쉽게 실습할 수 있고, 중요한 문법만 다시 공부하고 싶은 중ㆍ고급자에게도 도움이 된다.친절한 설명은 기본! 핵심만 쏙쏙 뽑아서 실무에...
[Day 2] 02 웹 개발 환경 만들기 - 비주얼 스튜디오 코드 설치 및 개발 환경 만들기 [내부링크]
1. 비주얼 스튜디오 코드 설치 아래의 사이트에서 다운로드 합니다. https://code.visualstudio.com/ Visual Studio Code - Code Editing. Redefined Visual Studio Code is a code editor redefined and optimized for building and debugging modern web and cloud applications. Visual Studio Code is free and available on your favorite platform - Linux, macOS, and Windows. code.visualstudio.com 2. 한글 언어 설정하기 ① 확장 아이콘 클릭 ② Korean Langage Pack for Visual Studio Code 검색 ③ 설치 버튼 눌러서 설치 (저는 설치되어 있어서 제거라고 써있습니다. 아래 사진에서 제거라고 써있는 부분을 클릭해주시면 됩니다.
[Day 3] HTML 기본 문서 만들기 [내부링크]
이번 게시물에서는 HTML에 대한 기본적인 내용을 다루겠습니다. HTML 의 정의와 Tag(태그)에 대해 알아보겠습니다! HTML(Hyper Text Markup Language) : 웹 문서 만들어 주는 언어 : Hyper Text(문서를 서로 연결) Markup Language(웹 브라우저에 텍스트, 이미지, 영상 등의 위치를 표시) - 태그(Tag) HTML 문법에서 대부분의 요소들은 시작 태그와 종료 태그로 작성되며 그 사이에 내용이 들어갑니다. HTML 태그는 요소 이름, 또 그 요소를 둘러싸는 꺾쇠괄호로 이루어집니다. 종료 태그 또한 꺾쇠괄호를 연 뒤 슬래시를 넣어 시작 태그와 구별합니다. 아래에서 빨간색으로 작성 된 부분이 '태그'입니다. <!DOCTYPE html> <html lang="ko"> <head> <meta charset="UTF-8"> <title>안녕하세요</title> </head> <body> <h1>html 태그 기본 연습</h1> <hr> <p>h
[Day 4] 웹 문서에서 텍스트 작성(HTML의 다양한 태그들 - 1) [내부링크]
이번 게시물에서는 웹 문서에서 '텍스트를 작성'에 쓰이는 다양한 태그들을 알아 보겠습니다 ㅎㅎ ① <hn> 태그 (n : 1~6사이 숫자) - 제목 태그 - <h1>이 가장 크고 n의 숫자가 커질 수록 제목의 크기가 작아짐. <h1>제일 큰 제목 크기</h1> <h6>제일 작은 제목 크기</h6> ② <p> 태그 - 텍스트 단락을 만드는 태그(텍스트 앞뒤로 빈 줄 생성됨) <p>이 태그를 이용하면 텍스트 단락을 만들 수 있습니다.</p> ③ <br> 태그 - 줄 바꿈 태그 - 닫는 태그가 없음 ④ <hr> 태그 - 수평 줄 태그 - 닫는 태그가 없음 ⑤ <b> 태그 - 굵게 표시하는 태그 (강조는 아님) <b>굵게 글씨 표시</b> ⑥ <strong> 태그 - 굵게 표시하는 태그. '강조' 할 때 사용 <strong>굵게 강조 표시</strong> ⑦ <i> 태그 - 기울어진 글자(이탤릭체) - 마음속의 생각 or 용어 or 관용구에 사용 <i>기울인 텍스트</i> ⑧ <em> 태그
[Day4] 웹 문서에서 목록 작성하기(순서있는 목록, 순서없는 목록, 설명 목록)(HTML의 다양한 태그들 - 2) [내부링크]
오늘은 HTML에서 목록을 작성하는 데에 필요한 태그들을 살펴보겠습니다! 1. 순서 있는 목록을 만드는 태그들 -> <ol> 태그와 <li> 태그 1. ~~~ 2. ~~~ 3. ~~~ ↑이런식으로 순서 있는 목록을 만들 수 있습니다. <ol> <li>순서 있는 목록 1</li> <li>순서 있는 목록 2</li> </ol> * <ol> 태그의 속성 5가지 <ol type="1"> <ol type="a"> <ol type="A"> <ol type="i"> <ol type="I"> 사용 예) <!DOCTYPE html> <html lang="ko"> <head> <meta charset="UTF-8"> <title>순서 있는 목록 만들기</title> </head> <body> <h2>기분이 좋아지는 법</h2> <p><b>준비물 : </b>손</p> <h4>순서</h4> <ol type="1"> <li>계획한 일을 성취한다.</li> <li>나 자신에게 잘했다고 박수를 쳐준다!!!</
[Day 4] 표 만들기(HTML의 다양한 태그들 - 3) [내부링크]
이번 게시물에서는 표를 만들 때 사용하는 태그들에 대해 살펴보겠습니다! 1. 표의 기본 틀을 만들기 위해 사용하는 태그들 -> <table> 태그, <tr>태그, <th> 태그 , <td>태그 표의 시작을 알리는 <table> 태그, 종료를 알리는 </table>태그 <tr> : 행(가로줄) <th> : 행 제목(진하게 표시, 가운데 정렬) <td> : 표의 각 셀 <caption> : 제목 <table> <caption>표 제목</caption> <tr> <th>1행 1열(행제목)</th> <th>1행 2열(행제목)</th> </tr> <tr> <td>2행 1열(셀 내용)</td> <td>2행 2열(셀 내용)</td> </tr> <tr> <td>3행 1열(셀 내용)</td> <td>3행 2열(셀 내용)</td> </tr> 사용 예) <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>표의 기본</title>
[Day 5] 이미지, 오디오, 비디오, 다양한 파일, 하이퍼링크 삽입(HTML의 다양한 태그들 - 4) [내부링크]
1. 이미지 삽입에 사용하는 <img> 태그 - 닫는 태그 없음 <img src="파일경로" width="너비" height="높이" alt="대체텍스트"> - width="100%" 라고 명시하면 이미지를 웹 브라우저 창 너비에 딱 맞출 수 있음 2. 오디오 삽입에 사용하는 <audio> 태그 <audio src="파일 경로" loop="반복횟수" controls></audio> audio 태그 속성(속성은 안써도 됨 선택사항) - controls : 미디어 제어기(컨트롤 바) 표시 - autoplayer : 자동 실행 (브라우저에 따라 이 속성이 안될 수도 있음. 그 경우 muted 속성 사용해서 음소거 해주면 속성 사용 가능) - ㅣoop : 반복 횟수 설정 - width, heiht : 너비와 높이 설정 - muted : 오디오나 비디오 소리를 제거 - preload : 페이지를 불러올 때 오디오 파일을 어떻게 로딩할 것인지 지정. auto, metadata, none 사용
[마스크팩] 순플러스 하이 액티브 세럼 마스크[포어 타이트] [내부링크]
오늘은 순플러스의 하이 액티브 세럼 마스크 3종 중 하나인 '순플러스 하이 액티브 세럼 마스크[포어 타이트]'에 대해서 작성해보고자합니다. 이번 게시물이 순플러스의 하이 액티브 세럼 마스크 3종 마지막이 되겠네요! 이 마스크는 모공 케어를 중점으로 만든 마스크 입니다. 그래서 마스크 뒷면에 보면 '모공 케어 에센스와 굴곡 없는 밀찰력의 3중 레이어 시트로 탄력감있는 모공 쫀쫀 케어 패드 마스크'라는 문구가 적혀져 있습니다. 그럼 이제 순플러스 하이 액티브 세럼 마스크[포어 타이트] 성분을 살펴보겠습니다. 순플러스의 하이 액티브 세럼 마스크 3종 중에서는 가장 성분들이 간단한 것 같습니다. 그렇다고 안 좋은 것이 아니라, 특정 성분들에 집중하여 모공 관리를 해주는 것 같습니다! <전성분> 정제수, 프로판다이올, 부틸렌글라이콜, 베타인, 석시닉애씨드, 1,2-핵산다이올, 트로메타민, 다이소듐이디티에이, 에틸헥실글리세린, 바이오사카라이드검-1, 트레할로오스, 살비아잎추출물, 버지니아풍년화
[마스크팩] 이니스프리 트러블 솔루션 마스크[칼라민] [내부링크]
오랜만에 이니스프리 매장을 들려서 마스크팩을 종류별로 하나씩 여러 개 사왔습니다! 하나씩 써보고 이전 게시물과 같이 성분들을 살펴보고, 모두 게시물을 써서 올리겠습니다:) 구입한 마스크팩 중 제일 처음 사용한 마스크팩은 '이니스프리 트러블 솔루션 마스크[칼라민]'입니다! 최근에 여자의 그날이 찾아와서..ㅎㅎ 뾰루지가 올라와서 진정을 위해 먼저 사용해보게되었습니다. 이 마스크팩은 보통 마스크팩과 다르게 마스크팩(센텔라 수딩 시트)+칼라민 앰플의 조합으로 되어있습니다. 아래의 시트팩 사용 후, 위쪽의 앰플을 바르면 되는 섬세한 관리를 해주는 마스크 팩이었습니다. 그럼 이제 이니스프리 트러블 솔루션 마스크[칼라민]의 전성분을 살펴보겠습니다. <전성분> STEP 1. 센텔라 수딩 시트 정제수, 글리세레스-26,글리세린, 1,2-핵산다이올, 알지닌, 카보머, 베타인, 판테놀, 부티렌글라이콜, 녹차추출물, 생강추출물, 스페인감초뿌리추출물, 콥티스뿌리추출물, 잔탄검, 다이포타슘글리시리제이트, 에
[스킨패드] 코스알엑스 원스텝 오리지널 클리어 패드 [내부링크]
오늘은 간단하게 글로 쭉 적는 대신 카드 뉴스를 제작해보았습니다! (학생회일을 하다가 카드 뉴스를 만드는 일에 재미를...ㅎㅎ) 카드 뉴스에 사용된 사진도 직접 촬영한 것이에요! 그럼 코스알엑스의 원스텝 오리지널 클리어 패드를 간단히 카드뉴스를 통해 알아볼까요? ※ 이 게시글의 모든 저작권은 저에게 있습니다.※ ※모든 사진들을 허가없이 복사하실 수 없습니다.※ #코스알엑스 #오리지날클리어패드 #흰버드나무껍질수 #베타인살리실레이트 #BHA
[1주차] '화학'과 '재료'란? [내부링크]
1. 화학? - 물질의 본질(구성원소, 결합방식, 화학구조)을 규명하고, 물질의 변화(화학적&물리적 변화)와 물질 간의 상호작용을 연구하는 자연과학의 한 분야 cf)고분자 - 플라스틱, 섬유, 고무 2. 재료? 1) 형체(모양)가 있는 '물체'제품의 소재 -> 형체 중요, 형체가 유지되어야함, 기계적 성질 중요 * 재료 내의 원자들의 전자구조와 결합방식에 따른 분류 -> 3대 재료: 금속, 세라믹, 고분자 2) '물체'가 아닌 제품의 소재 ->형제 중요x, 형제 유지되지x(사용 후 없어짐), 기계적 물성 필요x ex) 생체기능재료, 계면화학재료, 색소재료, 예술적 표현을 위한 재료, 음식재료 cf) 재료과학의 발전이 과학기술 발전의 토대가 됨 ex)컴퓨터에서 hardware에 해당되는 것은 모든 부분이 재료로 구성됨 ※아래의 사진은 해당 게시물과 관련이 없습니다. (귀여워서 첨부합니다.) #화학 #재료 #노란오리의하루기록
[1주차] 제1부 재료과학 기술 혁명 - 첨단산업과 신소재 [내부링크]
1. 첨단 산업의 발전을 위해 신소재 개발은 필수적 1) 우리 주변의 재료 : 형체가 있는 모든 것의 기본 물질 재료 전통적재료 신소재 대량생산/소비, 저렴 대량생산/소비, 고가 ex) 콘크리트, PET, PVC ex) 반도체재료, OLED재료 ->과거 : 브라운관모니터(CRT) vs 현재 : 액정 모니터(LCD) 2) 제품 개발 - 신소재 개발 : 유기적 관계 재료탐색 or 응용 3) 신소재 개발은 필수적 (for 첨단 산업 발전) 첨단 산업들 필요 재료 조건 운송수단 중 전기자동차 (충전용량↑, 빠른 충전, 배터리 무게↓ 되어야) 해양 개발 (초고압, 부식에 잘 견뎌야) 에너지(핵분열, 핵융합 등) (초고온에 잘 견뎌야) 항공 및 우주개발 초고온, 초저온, 초진공에 견뎌야 군수 고강도 잘 견뎌야 전자 크기↓, 속도↑, 용량↑ 에 맞는 재료 의료 생체적합성↑ 2. 신소재? : 성능면에서 기존의 재료보다 뛰어나거나 기존의 재료가 가지고 있지 않은 새로운 기능을 갖고 있어 그 효용 가
[2주차] 제1부 재료과학 기술 혁명 - 재료과학 기술 [내부링크]
0. 기본 지식 1) 재료나 소재의 품질(성능, 기능, 특성 등) -> 부품의 질 -> 제품의 품질과 성능 -> 소재의 품질이 제품의 품질을 좌우 2) 소재 개발의 방향 2가지 ① 기존 재료의 특성 개선 (ex) scratch, crack 잘 생기지 않는 소재 ② 새롭고 고유한 기능을 갖는 재료의 합성(ex) self-healing 소재(자기치유 소재) 1. 재료과학 -> 기계적 특성, 전기적 특성, 열적 특성, 광학적 특성, 자기적 특성, 화학적 특성 ① 재료의 내부구조(또는 미세구조)를 관찰 -> 내부구조(원자 종류, 원자 간 결합, 화학 구조, 조성, 원자/분자 배열) ② 재료의 내부구조의 변화를 관찰 ex) 불규칙 -> 규칙 ③ 재료의 내부구조와 특성간의 상관 관계를 규명 cf) 고리구조는 규칙적으로 배열하기 위해 유리한 구조.. 2. 재료의 제조 기술 재료과학에 의해 설계된 내부구조를 갖도록 재료를 제조하는 기술 EX1. nanoporous(다공성) materials (na
기기분석 정리(1) - 기기분석의 정의, 장점, 한계점, 분류 등 [내부링크]
기기분석은 분석화학(Analytical chemistry)을 하기 위한 하나의 방법 분석화학은 정량(quantification)과 정성 분석이 있음. what is it(이게 뭐냐)(조성) -> 정성분석 How much is it(얼마나 들어있냐) -> 정량분석 정성분석이랑 정량분석 합쳐서 separation(분리)가 필요함 분석화학은 측정하고 특성화하는 것이 핵심. 그러다보니 측정화하는 기기가 필요함 분석법의 구성 - 어떤 기기를 쓸 것인지 - 어떤 방법을 쓰는지 분석화학이 왜 중요하냐… 일본의 한국 수출규제 반도체 소재 등 3개 품목 플루오린 폴리이미드, 리지스트, 애칭가스 Analytical Methods - 전통적인(classical)방법 (화학적방법, 습식 방법) 수용액 속에서 반응을 통해 얼마나 필요한지..농도 예측 할 수 있게됨 1. 정성분석(Qualitative) - 색깔을 본다던지..(불꽃반응, 침전 색깔..), indicators 체크한다던지 boiling poin
[2주차] 제2부 재료과학의 세계 - 1.재료의 분류(가) [내부링크]
1. 재료의 분류 1) 재료내의 원자들의 종류, 전자 구조,결합 방식에 따른 분류. (여기서 종류, 전자 구조,결합 방식를 내부구조라 함.) <물질과 재료의 가장 기본적인 구성 요소인 원자들의 전자 구조와 그들간의 결합 방식에 따른 분류> ① 금속재료(metal): 철이나 알루미늄 같은 금속 원소들이 규칙적으로 배열하여 결정 상태의 구조를 이루고 있는 무기 물질 ->금속원소들이 금속 결합 ② 고분자재료(polymer): 주로 탄소나 수소로 결합된 긴 분자사슬로 이루어진 물질 -> 비금속 원소, 공유결합 C H N, O, S -> 고분자 예) 플라스틱, 섬유, 고무 ③ 세라믹재료(ceramic): 금속원소+비금속원소(TiO2)(타이타늄옥사이드) <=이온결합 : 비금속원소 only 흑연(C) <= 공유결합 -> 세라믹 잘 깨짐 재료의 특성에 영향을 주는 요소들 - 원자(원소)의 종류, 전자구조 - 결합 방식(공유, 이온, 금속 결합 등) - 배열(결정-비결정, 결정의 경우, 결정격자)
[2주차] 제2부 재료과학의 세계 - 금속결합, 이온결합, 공유결합 [내부링크]
1) 금속결합 cf) 전자 – 바다 모델 => 전자가 흐를 수 있는... ① 대표적인 예로서 Na(소듐), Mg, Al의 경우(그림 3 및 4) - 최외각전자(<-자유전자)를 내놓고 양이온이 됨 - 양이온이 전자들 속에 둘러싸여 나열된 구조를 가짐 - 양이온과 전자간의 전기적인 인력(<-금속결합)에 의하여 전체적으로 결합 ② 금속재료의 특성 - 높은 전기 전도성(because 전자는 자유롭게 이동가능)(ex.은, 구리)(경제성 때문에 구리가 더 싸서 구리 씀) - 높은 열 전도성(because 1. 전자들 간의 충돌 빈도 증가, 2. 원자 진동 정도 증가) (1.이유의 영향이 더큼) - 금속 고유의 광택 가짐(because 자유전자 – 낮은 에너지의 빛도 쉽게 흡수) - 연성(선으로 뽑) 및 전성(면으로 펴지는)->소성변형 : 깨지지 않고, 변형 가능 (because 1. 자유전자가 접착제 역할) (becasue 2. p.35쪽 내용(책은 재료과학 (집문당 출판사)를 참고하였습니다.
[3주차] 제2부 재료과학의 세계 - 포텐셜 우물 [내부링크]
포텐셜 우물을 알아 보기 전에... 3대 재료의 비교 주된 구성원소 결정성(규칙적배열) 또는 비결정성 대표적 예 원자간의 주된 결합 금속 금속원소 결정성 Fe, Al 금속결합 세라믹 금속원소 + 비금속원소 (또는 비금속원소간) 일반적으로 결정성 SiO2, Al2O3 graphene (그래핀) (->이게 모이면 흑연) 이온결합 공유결합 고분자 비금속원소 일반적으로 비결정성 polyethylene (PE) 공유결합 (p.38 밑에서 세 번째 줄)(책은 재료과학(집문당 출판사)를 사용하였습니다.) 실제로는 모든 물질의 결합 성격이 금속, 이온, 공유결합 등과 같이 뚜렷이 구분되는 것은 아니다. 나. 포텐셜우물 : 재료 분류 방법 중 하나 - 역학적 평형: 두 힘이 비기는 상태 - 자연 현상: 주어진 조건 아래서 가장 낮은 에너지 상태로 진행하려는 경향 (안정한 상태의 평형에 이름) 1) 원자간 거리 ① 원자간의 결합에 작용하는 평형의 원리 - 원자간에 작용하는 힘: 인력, 반발력 - 원자
[실험 1] 핸드크림 만들기 [내부링크]
화장품들에 대한 것을 공부하다보니 '화장품을 그러면 어떻게 만들까?'라는 생각이 들어서 관련 책을 구매하게 되었습니다. 책에 나온 화장품들을 직접 만들어보는 실험을 알아보면 더욱 더 화장품에 대해 가까워지는 경험일 것이라 생각이 들어 관련 내용을 블로그에도 정리해놓으려합니다! 첫 번째 실험은 핸드크림 만들기입니다. 1. 배경 지식 1) 피부 관리 정상적인 피부의 pH : 4.0 약산성 수분함량 : 약 10% 건성 피부 관리 - 팩, 마사지를 통해 영양분 공급, 에센스와 영양 크림을 섞어 마사지 후 흡수하기 지성 피부 관리 - 폼 클렌징을 이용한 세안으로 과도한 피지 제거를 막기 2) 에멀션 : 액체가 다른 액체에 콜로이드 상태로 퍼져있는 용액 cf) 콜로이드? 보통의 분자나 이온보다 크고 지름이 1nm~1000nm 정도의 미립자가 기체 또는 액체 중에 분산된 상태를 콜로이드 상태 cf) 유화액? 콜로이드랑 비슷한 의미지만(우유처럼 액체가 다른 액체에 콜로이드 상태로 퍼져 있는 용액
[4주차] 제2부 재료과학의 세계 - 탄성변형, 소성변형, 열 팽창 [내부링크]
1. 재료의 강도와 탄성계수 ① 탄성 변형 : 재료를 잡아 당기면 늘어났다가(즉, 원자간의 간격이 커졌다가), 재료를 잡아 당기던 힘을 없애면 다시 원래대로 되돌아 가는 것 ② 소성 변형 : 재료를 잡아 당기면 늘어남. but, 잡아당기는 힘 없애도 되돌아가지 않는 것 (한계 이상으로 가면 소성변형) ③ 탄성 변형과 원자의 포텐셜 에너지의 변화 포텐셜 우물이 좁고 가파를수록 : - 변형을 주기위해 더 큰 힘(더 많은 에너지) 필요 - 잡아 당기면 덜 늘어남(탄성 계수 큼) - 인장 강도 큼 ④ 탄성 계수(Elastic modulus, Young's modulus) - 탄성 영역에서의 기울기 - E값 큼 : 변형 잘 안됨(포텐셜우물이 좁고 가파름) - E값 작음 : 변형 잘 됨(포텐셜우물이 넓고 완만함) ⑤ 인장 강도(tensile strength) 파손이 일어날 때까지 가해준 stress 2. 재료의 열 팽창 ① 대부분의 물체는 온도가 올라가면 팽창 - 온도가 높아질수록 구성 원자의
[4주차] 제2부 재료과학의 세계 - 결정 구조(Crystal structure) [내부링크]
결정 상태란? - 주어진 조건에서 가장 낮은 에너지 상태(에너지적으로 가장 안정화된를 갖는 원자 배열 - 주어진 공간에서 기하학적으로 가장 밀집된(close-packed) 원자 배열 - 규칙적이고 질서정연한 배열 1) 격자(Lattice) 격자구조에는 HCP, FCC, BCC를 퐘해서 총 14개의 종류가 있으며, 이들을 Bravais격자라 부른다. ① 조밀육방(HCP: Hexagonal Close Packed) 격자 ->코발트, 마그네슘, 티타늄 아연 등 ② 면심입방(FCC: Face Centered Cubic) 격자 ->알루미늄, 금, 납, 니켈, 백금 등 ③ 체심입방(BCC: Body Centered Cubic) 격자 ->텅스텐, 몰리브텐, 철, 크롬 등 재료과학(집문당 출판사) p.49쪽 그림 HCP와 FCC의 유사점 : 둘 다 총 공간의 74%를 원자가 차지하고 26%는 빈공간 HCP와 FCC의 차이점 : HCP의 격자점을 직선으로 연결하면 육각기둥의 모양이지만 FCC는 입방
[5주차] 제2부 재료과학의 세계 - 비결정 구조(비정질구조)(non-crystal)(amorphous) [내부링크]
1. 비결정 구조란? : 원자들이 무질서하게 배열되어 있어서 넓은 범위에 걸쳐 주기적인 반복성이 없는 물질 구조 (규칙성이 없다) 예) 액체 상태의 금속(상온에서는 수은, 갈륨), 유리, 고분자, 비정질 금속 등 (but, 좁은 범위내의 질서는 있을 수 있음) 1) 고체가 비결정 구조를 갖게 되는 이유: ① 냉각 속도가 너무 빨라서 구성 원자나 분자들이 결정구조를 갖추기 위해서 재배열할 만한 충분한 시간적 여유가 없음 ② 분자 구조나 조성이 너무 복잡해서 결정 상태의 배열을 이루기에 용이하지 않을 경우 (->고분자의 설명에 해당. 금속이나 세라믹은 단순함) 2) 비정질 구조의 대표적인 예: ① 소다 유리 - 정사면체(tetrahedra)의 실리카(SiO2)가 무질서하게 배치 - Si-O 결합이 부분적으로 끊어진 자리에 Na+ 이온이 끼어 들어가 있음 ② 플라스틱(<-고분자) : 긴 분자 사슬이 얽히고 꼬인 구조 3) 비정질 상태의 물질은 열 에너지를 주면 결정 상태가 되려는 경향을
[6주차] 재료의 결함(1) - 엔트로피 [내부링크]
열역학 법칙(엔트로피) ① 자연 현상은 높은 확률 상태쪽(무질서 상태)으로 진행 - 기체의 혼합 - 맑은 물에 잉크 떨어 뜨리기 - 특정 색깔 카드 뽑기 - 카드가 저절로 순서대로 배열될 확률 ② 엔트로피(entropy) 개념의 도입 - 엔트로피: 자연 현상에 있어서 무질서하게 서로 섞이려는 경향을 나타냄 무질서도를 나타내는 상태함수 - 자연 현상은 자발적인 반응의 경우 엔트로피가 증가하는 방향(무질서도가 큰 방향)으로 가려는 경향이 있음 - (포텐셜 에너지 관점) 재료의 결함이 존재하는 이유를 엔트로피의 개념을 사용하여 설명 가능 모든 물질은 비결정 상태보다는 결정 상태로 존재하려 는 경향 가짐 → 그러나, 자연계에서 결함이 없는(무질서도 낮은) 완벽한 결정은 거의 형성되지 않음 ∵ (엔트로피 관점) 자연 현상은 무질서한 상태(엔트로피가 증가하는 방향)로 진행될 확률이 더 높음 if 재료가 내부에 결함들이 전혀 없는 완벽한 결정만으로 이루어져 있다면 세상은 지금에 비해 훨씬 단순해
[실험 2] 알로에 스킨 만들기 [내부링크]
1. 배경 지식 1) 화장수(Skin Lotion) : 세안료로 피부를 청결하게 한 후 피부 각질층에 수분 및 보습 성분을 부여하는 기초화장품 - 일반적으로 물에 녹지 않는 물질을 가용화하여 열역학적으로 안정화시켜 외관을 투명 액상으로 만든 것. - 마이크로에멀션, 리피드나노스페어 기술을 적용한 투명 or 반투명 화장수, 일정량의 오일 성분을 O/W형으로 유화하여 유상과 수상의 비중 조절하여 저점도 액상에서도 크리밍이나 침강 만들지 않는 불투명 화장수, 수용성 고분자 배합하여 투명하고 점성이 있는 화장수들 有 - 화장수의 기ㅣ본 성분 구성 : 정제수, 에탄올, 보습제 (+ 목적이나 기능에 따라 수렴제, 각질 연화제, 유연제, 계면활성제, 색소, 향료 방부제 등이 첨가됨) 화장수의 종류 청정화장수 가벼운 색소 화장을 지울 때나 화장 전 얼굴 피부를 정돈할 때 사용. 일반 화장수에 비해 세정 효과를 높이기 위해서 계면활성제와 에탄올의 함량이 많음. pH는 염기성. 유연화장수 피부가 거칠
기기분석정리(2) - 분석화학, 기기분석의 선택, 빛, (굴절,회절,반사),흡광과 발광 [내부링크]
※학교공부를 하며 정리한 노트를 그대로 복붙한거라 가독성은 떨어집니다.※ 분석실험 : sample Sample : representative fraction -analyte -> 분석물질 : 시료중에 분석하려고 하는 물질 - Matrix -> 매질 : 시료에 포함되어 있는 분석물질 이외 물질 - Interference -> 방해물질 : 매질 중 분석에 방해를 하는 물질 대상에 따른 분류(1) - molecular analysis (분자 분석) - atomic analysis (원자 분석) 대상에 따른 분류(2) - 유기분석 (C N O H .. S P) - 무기분석 (금속..) *유기 무기 합친거는 유기금속 분석화학의 분류 1. 분광분석법(mass<- hv) 2. 전기분석 - i=0 일 때: V(전위차 측정) - i>0 일 때: curret?를 측정하기도 하고 전기량을 측정하기도 하고 - (저항) 3. Separation방법 이동상, 고정상이 있는데… 4. 기타 : m/z (를 측정
html 기본 태그 모음 [내부링크]
여러 번 찾아쓰기 귀찮아서 표로 만들어 둔 것 올립니다! 이 페이지에서 "Ctrl+F" 해서 찾아서 쓰세요 ㅎㅎ 공백 < < > > & & <h1>~<h6></hn> 제목글자태그 (h1이 가장 큼) <h1>제일 큰 제목 크기</h1> <p></p> 본문 글자 태그 <p>이 태그를 이용하면 텍스트 단락을 만들 수 있습니다.</p> 그냥 <p>만 쓰면 <br>과 같은 효과(한 줄 띄기) 그렇다고 <p><p>이렇게 두 번쓴다고 두 줄 띄어지는 건 아님.. <br> 줄바꿈 태그(닫는 태그가 없음) <hr> 수평 줄 태그(닫는 태그가 없음) <b></b> 굵은 글자 <i></i> 기울어진 글자 <small></small> 작은 글자 <big> 큰 글자 <sub></sub> <sup></sup> 윗첨자 아래첨자 <del></del> 가운데 줄이 그어진 글자 <a></a> 앵커 태그 <a href=“파일이름 또는 URL주소”> 문자 또는 이미지 </a> cf) UR
[6주차] 재료의 결함(2) - 공극(Vacancy) [내부링크]
공극(Vacancy)이란? (점결합) ① 의미 - 원자가 있어야 할 자리가 비어있는 것 ② 재료내에서의 역할 -> 원자들의 이동(확산 : 원자 또는 분자 수준에서의 이동)을 용이하게 해 줌 - 공극이 전혀 없는 상황에서의 원자의 이동 : 매우 큰 에너지 필요 공극이 있는 상황에서의 원자의 이동 : 적은 에너지 필요 - 공극과 원자의 이동방향은 서로 반대 ③ 온도의 영향: 온도↑ 공극의 수↑ 구성 원자들의 운동 에너지 ↑ ∴ 온도 ↑ 확산의 용이성 ↑ (예: 소결, 열처리 등의 공정에 의한 재료의 합성․제조는 대부분 고온에서 행해짐) ④ 공극 이외의 점 결함 - 치환형 고용체 - 침입형 고용체(ex. 수소저장합금) (예: 이온 결합 결정에서의 결함: 전기적 중성 상태 유지) - 이러한 점 결함의 생성 원인: 재료 제조 공정중 불순물로서 들어가거나 재료 특성 조절을 위 해 일부러 첨가 cf)고용체(solid solution)에서 solution(용액)이란? -> 원자 또는 분자수준에서
[6주차] 재료의 결함(2) - 전위(Dislocation) [내부링크]
전위(Dislocation)란? (선결합) ① 의미: 결정내에서 원자면의 일부가 비어있는 것 (또는 새로운 원자면이 부분적으로 끼어 들어가 있는 것) ② 종류: - 인상전위(edge dislocation): 결정내에서 원자면의 일부가 비어있는 것 - 나선전위(screw dislocation): 면이 뒤틀린 것 - 혼합전위(mixed dislocation): 인상+나선 전위 혼합 ③ 재료내에서의 역할 - 작은 힘으로도 재료가 쉽게 변형될 수 있게 함 완벽한 결정: slip plane상의 모든 원자간의 결합의 절단이 동시에 일어나야 하므로 재료의 변형에 큰 힘 필요 결함(전위)이 있는 결정: slip plane상의 전위가 이동함 으로써 변형을 일으킬 수 있으므로 작은 힘으로도 재료의 변형이 가능 (비유: 귀여운 벌레 기어가기, 무거운 멍석 옮기기) ③ 재료내에서의 역할 - 재료의 강도는 낮추지만(불리한 측면) 쉽게 깨지지 않도록 함(유리한 측면) 완벽한 결정: 강도는 높지만(이유: 재료
[6주차] 재료의 결함(2) - 결정립계(Grain boundary) [내부링크]
결정립계(Grain boundary)란? (면결합) ① 의미: 작은 단결정(즉, 결정립)들이 모여 다결정체를 이루고 있는 경우 결정립간의 경계 ② 단결정과 다결정의 차이점 - 단결정: 결함이 별로 없는 하나의 커다란 결정체 특징: 투명 예) 수정, 다이아몬드, 루비, 사파이어 - 다결정: 단결정들이 모여서 이루어진 결정 특징: 불투명 예) 대부분의 금속 및 세라믹(알루미늄, 철, 합금, 도자기 등) ③ 결정립계의 구조 - 결정면끼리 단순히 맞닿아 있기만 한 것은 아님 결정면들이 부분적으로 연결되어 어느 정도의 결합력을 가지고 있음 결정립계에 많은 공극들이 존재 ④ 재료내에서의 역할 - 재료를 불투명하게 함(because 결정립계에서의 빛의 산란 때문) - 재료내에서 균열의 전파나 전위의 움직임을 방해 결정립의 크기가 작을수록(결정립계 면적이 클수록) 전위의 이동에 대한 방해면이 많아 재료의 강도가 일반적으로 증가 - 공극들의 존재로 원자 확산이 결정립내에서보다 빠름 - 입계를 따라
[6주차] 재료의 결함(2) - 기공(Pore) [내부링크]
기공(Pore)이란? 체결합 ① 의미: 재료내에서 수십-수만개의 원자들이 한꺼번에 빠져나간 빈 자리 비교) 공극 진공 상태 또는 기체가 차있는 상태 ② 형성: - 공극들이 모여서 형성 - 재료 제조시 외부로부터 혼입 기포의 잔류 분말들 사이의 빈 공간이 잔류 ③ 재료내에서의 역할: (재료에 불리한 경우) - 균열의 전파를 쉽게 해줌 - 전자의 흐름을 산란시킴: 전기 전도도 감소 - 빛의 흐름을 산란시킴: 불투명 (재료에 유리한 경우) - 원자력 발전의 원료인 UO2의 경우 - 전기절연성 향상 - 열린 기공의 경우 촉매 재료, filter 재료로 쓰임 ④ 종류: - 닫힌 기공(closed pore): 서로 연결x, 독립적으로 존재 - 열린 기공(open pore): 서로 연결 o, 표면까지 터널을 이루고 있음(ex. 촉매재료, filter) ⑤ 기공 이외의 3차원적 결함 : 함유물(inclusions) - 기공에 기체 외에 무언가 차 있는 것 ex) 금속 : 산화물, 황화물... ※아
기기분석정리(3) - 분광기기의 요소,UV-VIS spectrophotometer Theory, HOMO와 LUMO, 선택률 등 [내부링크]
※학교공부를 하며 정리한 노트를 그대로 복붙한거라 가독성은 떨어집니다.※ <분광기기(Instruments for optical Spectroscopy)> 5가지 1.안정한 광원 2.투명한 용기 3.분광장치(단색화장치) 4.검출기 5.계기(signal process and readout)(->computer based) <source의 조건(ideal한, classify)> -Intensity가 높을 수록 좋다 (detection limit(검출한계)를 향상(낮게하는)시킬 수 있기 때문에) (but, 너무 세면 시료의 손상&(원하지않는)부반응(photoreaction)) -Spectral output *range : 원하는 파장의 빛(uv,vis..) *homogeneity(파장 별로) -안정성(stability)(time에 관한) *Short time(fluctuation) *long term(drift) -수명(Life time)이 오래되면 좋음 <source의 분류(classif
기기분석정리(4) - 연속변화법, 몰비법, 기울기법, Instruments for optical spectroscopy 등 [내부링크]
※학교공부를 하며 정리한 노트를 그대로 복붙한거라 가독성은 떨어집니다.※ Metal하고 리간드하고 몇대몇으로 반응하는지 알아보는 방법 (M + nL = ML아래첨자n) 1.연속변화법(Continuous-variation method)(Job’s method) M농도 + L농도 = 1로 맞춤. 비율을 연속으로 변화시킴 2.몰비법(Mole-ratio method) M농도를 고정 L농도를 조절 3.기울기법(Slope-ratio method) M농도 고정 하고 L농도 변화 L농도 고정 하고 M농도 변화 한다음 slope. 그러면 몇 대 몇으로 반응하는지 알 수 있음 —- 장점들 1.wide applicability(넓은 적용가능성) -정성분석 -특히 정량 분석에서도 굉장히 많은 것을 할 수 있다. (mixture analysis, control of purity, …) -Chemical reactions 2.높은 감도 3.높은 선택성 4.정확도 좋음 5.쉽고 편리 5.안비쌈 7.컴퓨터컨트롤
[실험 3] 레몬 스킨 만들기 [내부링크]
1. 배경 지식 1) 레몬 - vit C, 칼슘, 구연산 등이 풍부하게 함유 -> 피부 회복&미백에 뛰어난 효능 2. 실험 1) 실험 재료 1. 레몬 E.O(←기능성 부여제) - 레몬껍질을 저온 압축하여 make - 비독성 정화 촉진제 - vit C 함유 -> 미백 효과 good 2. 올리브 리퀴드(← 계면활성제) - 오일성분을 워터류에 첨가하여 가용화시키는 원료 - 사용비율이 높아지면 피부 자극, 건조한 사용감 -> 건조, 민감 피부에는 사용량 제한 필요 3. 자몽추출물(←방부제(세균 증식 억제)) - 자몽씨로부터 추출한 천연 방부제 (소량 약 전체의 0.5%정도만 첨가해도 제품 본래 보존기간 보다 약 두 배 정도 증가 시킴) - 살균, 소독, 방부제 -> 박테리아나 세균 감염에 내복약으로 사용 -> 상처나 중이염, 인후염 등 외용약으로 사용 4. vit E(토코페롤)(←피부 컨디셔닝제) - 세포 노화 막고, 세포막 유지 - 활성산소 무력화시키는 황산화물질 포함 - 미백, 항산화,
[실험 4] 허브 향수 만들기 [내부링크]
1. 배경 지식 1) 향수의 원리 - 향수를 뿌리면 향수의 향은 공기 분자를 타고 전체로 확산. 이때 에탄올은 기화되어 날아그는데 이와같이 향은 공기 분자를 타고 퍼짐. - 공기 분자는 뜨거운 온도에서 활발히 운동하며 빠르게 냄새를 확산시킴 향수는 착향제가 주체인 화장품입니다. 제품 내 착향제의 함유랑(부향률)에 따라 퍼퓸, 오드퍼퓸, 오드뚜왈렛, 오드코롱(오드콜로뉴), 샤워코롱(샤워콜로뉴)으로 분류됩니다. 그리고 향수는 착향제의 휘발성때문에 뿌리고 시간이 지난 후 향이 변화합니다. 향이 나는 시간대에 ㄸ라 탑노트, 미들 노트, 라스팅 노트로 구별합니다. 참고) 향수 외에 다른 화장품의 종류는 아래의 게시물에 정리해놓았습니다! https://blog.naver.com/cleveryellowduck/222486782282 화장품의 유형 완전 기초지만! 모르면 안되는 필수개념이라서 작성합니다! 총 13가지 유형이 있습니다 ୧( “̮ )୨ 1. ... blog.naver.com 2. 실험
기기분석정리(5) - 발색단, 조색단, 하이퍼크로믹, 하이포크로믹, red shift, blue shift, Lambert-Beer’s Law, 2파장 분광법 등 [내부링크]
※학교공부를 하며 정리한 노트를 그대로 복붙한거라 가독성은 떨어집니다.※ Molecule Orbital(MO)->MO로 전자전이가 일어날 때 제일 많이 되는 것은 HOMO->LUMO로(가장 많은 전자전이의 흡광에 해당) 발색단 C=C-에틸렌기 : 파이-파이* , C=O케톤기, N=N아조기 : n->파이* , NO2니트로기, NO니트로소기 : n->시그마* 조색단 -OH, NH2기 자체로는 흡광 없음 호모를 높게 또는 낮게 올릴수도 혹은 루모를. 가까워지게해서 파장이 길어지게 하거나(red shift) 멀어지게해서 짧은 파장이 흡수되게 하거나(blue shift) 확률이 커지는경우 하이퍼크로믹 확률 감소 하이포크로믹 ——- 원자에서의 전자전이(electronic transitions) : 원자 흡광(Atomic Absorption) 1.AO(atomic orbital)->AO 2.charge-transfer (O(occupied)AO->u(unoccupied)MO, OMO->uAO)
기기분석정리(6) - 프리즘,회절판,검출기(PV,PT,PMT,CCD),Luminescence,fluorescence 등 [내부링크]
※학교공부를 하며 정리한 노트를 그대로 복붙한거라 가독성은 떨어집니다.※ <Wavelength selector> *Prism(프리즘) :파장짧을수록, 매질 촘촘할수록 속도가 느려지는 경향이 있다. : non linear dispersion *Grating(회절판) : 회절을 이용해서 분산시키는 방법 : linear dispersion d가 작을수록 resolution이 좋아짐 -UV-vis: 300~2000 groove/mm 보통 1200~1400이 일반적 IR : 10~200groove/mm, 100정도가 적절 incident angle : 입사각 reflection angle : 반사각 원하는 파장을 순서대로 볼 수 있게 되는 데 이를 scan이라 얘기함 R=mN R : resolution m : Spectral order N : Number of grating grooves 10^-9m = 1nm —— 단색화 장치의 조건 • 띠폭이 좁아야만 서로 인접된 흡수띠의 분해가 가능 •
[공유] [삶의 질을 높인다] 화장품시장 : 화장품 ˙나노시대˙ 열렸다 [내부링크]
<나노전달 물질을 이용한 화장품 제조공정관련 기사> 수입 화장품을 비롯 국내 대기업 위주의 화장품이 대부분을 차지하는 화장품 업계에서 독자적인 기술력으로 급성장하고 있는 업체가 있어 업계의 관심을 끌고 있다. 나노기술(Nanotechnology.)과 피부과학의 결합을 통해 특허를 보유하고 있는(주)맑은하루(www.finedays.co.kr)가 바로 그곳. '본연의 아름다움을 되찾자(Return to the Nature)'라는 슬로건 아래 2003년 새롭게 화장품 사업에 진출한맑은하루는 명실상부 고기능성 화장품 선두 회사다. 더욱이 2007년을 정점으로 세계적인 종합 화장품 브랜드를 지향하며, 화장품을시작으로 생활용품 전체로 사업을 확장시켜 세계 무대 진출을 꾀하고 있다. 특히 맑은하루에서는 나노전달 물질을 이용한 화장품 제조공정으로 은이온 화장수를 개발해 독보적인 기술력을 자랑한다. 이를 통해 이 회사는 마스크팩 제품으로 나노실 브라이트닝 프로젝트(NanosilBrightening
[실험 5] 샴푸 만들기 [내부링크]
1. 배경 지식 1) 머리카락 - 케라틴 단백질로 이루어져 있음(케라틴 단백질은 폴리펩타이드로 이루어져 있음) - 모간과 모낭으로 구성 - 모피질, 모수질, 모표피 - 머리카락 구조는 시스테인(아미노산) 양에 의해 결정 cf)시스테인은 20개의 기본 아미노산 중에서 유일하게 싸이올기(-SH)포함 cf) 시스테인 분자식 : C3H7NO2S 출처 : 화학물질 구조사전 - 머리카락은 이황화 결합(두 개의 황 원소 사이의 단일 결합(S-S))을 통해 머리카락의 딱딱한 정도를 결정 - 머리카락의 섬유 강도는 약산성일 때 가장 크며 pH가 4~6일 떄 가장 좋다. (하지만, 기존 판매되는 샴푸의 pH는 대부분 10이상의 염기성 -> 사용 시 모발이 점점 약해짐) -> 샴푸란? : 머리카락을 씻기 위해 쓰는 세척제(머리카락과 두피를 깨끗이 하는 기름의 작은 방울로서 세제의 일종) 2) 샴푸의 원리 물(-)과 기름(+)을 섞으려해도 섞이지 않고 그 사이에 경계가 생기는데 이를 꼐면이라고 한다. 이
[실험 6] 바디워시 만들기 [내부링크]
1. 배경 지식 1) 바디워시(바디클렌저) : 샤워를 할 때 피부의 보습을 유지하면서(<-비누와의 차이점: 보습성분이 함유) 깨끗이 씻어내도록 도와주는 세정제품으로, 샤워용 타월 등에 적당량을 덜어서 충분히 거품을 내어 부드럽게 마사지 한 후 씻어내는 방식으로 사용된다. 샤워를 할 때 온몸의 노폐물이 깨끗이 제거되도록 도와준다. 세정 후 건조함이 강한 비누와 달리, 피부 보습막을 유지시키면서 자극 없이 세정되도록 하는 것이 특징이다. - 바디워시의 성분은 인체에 맞는 pH cf)정제수, 라우릴글루코사이드, 데실글루코사이드 등이 주성분이고, 제품마다 쌀, 당근, 녹차 등 다양한 천연 추출물이 함유되어 있다. 또한 시트러스, 딸기, 감귤, 레몬 등의 다양한 향료를 첨가해 기호에 따라 달콤하거나 상쾌하거나 시원한 향을 낸다. 2) 미셀 구조와 기름 때가 제거되는 원리 물에 잘 녹는 친수성기와 물에 잘 녹지 않는 소수성기를 동시에 갖고 있는 양친매성(amphipathic) 분자를 계면활성제
[실험 7] 립글로스 만들기 [내부링크]
1. 배경 지식 1) 입술 - 수분이 증발하여 건조해지기 쉬움 -> 보습을 충분히 해주어야함 2) 립글로스 입술에 윤기를 주는 화장품, 건조한 입술을 보호하는 기능을 한다. 립글로스의 원리? : 기름 성분(비극성)이 물 성분(극성)의 증발을 막아주는 보호막 작용 2. 실험 1) 실험 재료 1. 밀랍(비즈왁스) 벌집의 주성분. 꿀을 채취한 뒤 남은 벌집 찌꺼기에 열을 가해 눌러 짜내거나 다른 약품으로 녹여 얻는다. 표백한 것-> 화이트 왁스 표백하지 않은 것 -> 옐로우 왁스 - 피부에 코팅막을 형성하여 피부가 수분을 빼앗기지 않고 건조하지 않게 도와줌. - 화학 방부제를 사용하지 않는 화장품의 천연 식물 제품 연정화 용도로도 사용됨. 2. 올리브 오일 3. 향료 2) 실험 방법 ① 은박 컵에 밀랍 2g을 넣고 중탕을 하여 녹여준다. ② 밀랍이 녹으면 올리브 오일 10mL를 넣고 젓는다. ③ 마지막으로 액체 상태의 용액에 향료를 몇 방울 넣고 잘 섞이도록 젓는다. ④ 완성된 액체를 용
[실험 8] 고체 향수 만들기 [내부링크]
1. 배경 지식 1) 향수의 원리 - 향수를 뿌리면 향수의 향은 공기 분자를 타고 전체로 확산. 이때 에탄올은 기화되어 날아그는데 이와같이 향은 공기 분자를 타고 퍼짐. - 공기 분자는 뜨거운 온도에서 활발히 운동하며 빠르게 냄새를 확산시킴 향수는 착향제가 주체인 화장품입니다. 제품 내 착향제의 함유랑(부향률)에 따라 퍼퓸, 오드퍼퓸, 오드뚜왈렛, 오드코롱(오드콜로뉴), 샤워코롱(샤워콜로뉴)으로 분류됩니다. 그리고 향수는 착향제의 휘발성때문에 뿌리고 시간이 지난 후 향이 변화합니다. 향이 나는 시간대에 ㄸ라 탑노트, 미들 노트, 라스팅 노트로 구별합니다. 참고) 향수 외에 다른 화장품의 종류는 아래의 게시물에 정리해놓았습니다! https://blog.naver.com/cleveryellowduck/222486782282 화장품의 유형 완전 기초지만! 모르면 안되는 필수개념이라서 작성합니다! 총 13가지 유형이 있습니다 ୧( “̮ )୨ 1. ... blog.naver.com 2. 실험
[실험 9] 모이스처라이징 로션바 만들기 [내부링크]
1. 배경 지식 1) 피부 - 피부의 표면은 기본적으로 죽은 세포들로 이루어져 있고, 아래츠으이 피부 세포를 보호하는 역할. -> 표면층은 수분(유분)을 지니고 있어야! 2) 모이스처라이징 로션바 피부 : for 수분 유지, 자연적으로 유분 분비&외부의 자극물이 피부 속으로 침투하지 못하게 함. but, 외부에서 접하게 되는 물리, 화학적 유해 물질과 지속적인 세정제 사용이 피부 표면층의 보호막(유분)을 제거. -> 피부 보호위해 피부 보호제 필요 (이번 실험에서는 실험에 사용될 여러 성분으로부터 외부의 자극으로부터 피부 보호 가능한 모이스처라이징 로션바 제작) 2. 실험 1) 실험 재료 1. 밀랍(비즈왁스) 벌집의 주성분. 꿀을 채취한 뒤 남은 벌집 찌꺼기에 열을 가해 눌러 짜내거나 다른 약품으로 녹여 얻는다. 표백한 것-> 화이트 왁스 표백하지 않은 것 -> 옐로우 왁스 - 피부에 코팅막을 형성하여 피부가 수분을 빼앗기지 않고 건조하지 않게 도와줌. - 화학 방부제를 사용하지 않
[실험 10] 천연 EM비누 만들기 [내부링크]
1. 배경 지식 1) 비누 : 때를 빼거나 씻어 낼 때 쓰는 세정제(보통 고급 지방산의 알칼리 금속염을 주성분으로 함) 2) 비누의 세정 작용 지방이나 기름의 비누화 반응을 통해 얻은 지방산염은 물과 친화성이 적은 소수성 알킬기가 친화력이 있는 친수성 카복실 음이온 염에 길게 연결되어 있다. 이들은 친수성과 소수성 성질을 동시에 가지고 있어 성질이 다른 두 물질이 맞닿는 경계면에 잘 달라붙어서 표면 장력을 많이 감소시키는 계면활성제 역할을 할 수 있다. 이들이 물에 섞이면 친수성은 물과 접촉하는 방향인 바깥쪽으로 소수성 부분은 안쪽으로 배열되는 마이셀(micelle)을 형성하게 된다. 이렇게 생성된 마이셀의 안쪽으로 때와 같은 소수성 물질이 녹아 들어가 세정 작용을 하게 된다. [네이버 지식백과] 비누화 반응 [saponification] (화학백과) 2. 실험 1) 실험 재료 1. EM 원액 : Effective Micro-organisms(유용 미생물군)의 약자. 일본 류큐 대학
[실험 11] 선스틱 만들기 [내부링크]
오늘은 기능성 화장품 중 하나인 자외선 차단에 도움을 주는 선스틱을 만들어보겠습니다! 1. 배경 지식 1) 자외선 차단의 원리 산화 타이타늄(티타늄디옥사이드)은 보호막 형성하여 자외선 차단 효과가 톺고 땀나는 걸 억제하여 피부에 투명감을 줌. 산화 아연(징크옥사이드)는 독성이 없고, 산과 염기에 녹으며 햇빛이나 다른 자극으로부터 보호막을 형성, 방부 빛 향균 작용. 2. 실험 1) 실험 재료 1. 산화 타이타늄(티타늄디옥사이드)(TiO2) 티타늄디옥사이드는 땅에서 캐낸 다음 추가 공정을 거쳐서 소비자 제품에 사용하기 위해 정제되는 자연적으로 발생하는 광물입니다. 티타늄 (IV)옥사이드 또는 티타니아로도 알려져 있으며, 금속 티타늄 (외부 링크)과 산소로 구성된 자연 발생 화합물입니다. 티타늄디옥사이드는 도료, 식품, 의약품 및 화장품에 이르기까지 많은 제품에서 안전하게 사용됩니다. 또한 태양 광선의 유해한 자외선으로부터 피부를 보호하는 방법으로 일부 자외선 차단 제품에서 중요한 역할
[실험 12] 아이브로우 펜슬 만들기 [내부링크]
1. 배경 지식 1) 아이브로우 펜슬 - 눈썹연필이라고도 한다. - 빛깔은 갈색 ·청색 ·검정 등이 있다. - 눈썹을 그릴 때는 일직선으로 그리지 말고 짤막짤막하게 눈썹 하나하나를 칠하듯이 그리며, 다 그리고 나면 눈썹솔로 전체를 엷게 칠한다. 눈썹 연필은 피마자유, 라놀린 등에 뜬숯 상태의 것을 섞어서 만들기 때문에, 그대로 사용하면 눈썹에 필요한 지방분을 빼앗겨 눈썹이 빠지게 되는 원인이 되므로, 아이브라우 펜슬을 사용하기 전에 중성 크림을 엷게 바르고 사용하는 것이 효과적이다. [네이버 지식백과] 아이브로우 펜슬 [eyebrow pencil] (두산백과) 2. 실험 1) 실험 재료 1. 유동 파라핀(←윤활성) - 석유에서 추출하는 오일 - 주성분은 알케인과 파라핀 - 액상 파라핀, 바셀린유, 화이트유라고불림, 원유를 정재할 때 나오는 부산물을 재 정재해서 얻어지며 ‘미네랄 오일’이라고도 불림. - 이 성분은 특히 정제가 쉽다는 점과 색과 향이 없고 저렴한 가격을 이유로 널리 사
[실험 13] 각질 제거젤 만들기 [내부링크]
1. 배경 지식 1) 각질 : 파충류 이상의 척추동물의 표피 부분을 이루는 경단백질로 이루어진 물질. 케라틴 성분으로, 동물의 몸을 보호하는 비늘, 털, 뿔, 부리, 손톱 따위에 많이 포함되어 있다. 2) 각질 제거젤 : 피부 각질과 노폐물, 피지를 제거하기 위해 세안 시 사용되는 제품 3) 각질제거 종류 ① 물리적 각질 제거 : 세안 후 물기를 닦은 뒤 도포하여 부드럽게 롤릴하여 마사지 후 씻어내는 방식. 각질 쉽게 제거 가능 but, 피부에 자극이 감. ② 화학적 각질 제거 : 피부의 박리를 유도하며 진피와 표피의 세포 재생을 촉진하고 피부 탄력 증가시킴. AHA는 수용성, BHA는 지용성으로 산 성분으로 각질을 녹임. 물리적 각질 제거보다 저자극 but, 즉각적인 효과 보기 어려움. 2. 실험 1) 실험 재료 1. 알로에 모이스트(←수분 밸런스 조절, 노화 예방, 상처 치유) - 알로에 모이스트(베라젤)은 높은 점성의 투명 수용성 젤 - 피부 진정 효과 - 수용체 다당체 성분이
[실험 14] 클렌징 밤 만들기 [내부링크]
1. 배경 지식 1) 클렌징밤 : 유성 성분의 화장을 지우는 세안제로 화장품 등의 각종 노폐물을 흡착하여 녹여낸다. 보습 성분들이 피부장벽을 만들어 피부 촉촉하게 유지해줌 -> 건성피부에게 good 2. 실험 1) 실험 재료 1. 올리브 퓨어 오일(←보습제) - 올리브 열매에서 채취한 오일 - 올레인산이 많이 들어 ㅣㅇㅆ어 보습 효과 뛰어남 -> 비누의 고급 지방산 오일로 오래전부터 사용 - 올리브 오일의 정제와 압착 정도에 따라 엑스트라 버진, 버진, 퓨어, 포마스의 세 등급 - 퓨어 올리브 오일 : 엑스트라 버진을 짜고 남은 올리브유를 더 눌러서 남아 있는 기름을 한 번 더 짜낸 것.(엑스트라 버진보다는 불순물이 조금 더 들어 있는 편이지만 식용 사용 가능) - 비타민 E와 프로비타민 함유 -> 피부노화 막고 노폐물과 독소 배출 2. 밀랍(←고형화제) 벌집의 주성분. 꿀을 채취한 뒤 남은 벌집 찌꺼기에 열을 가해 눌러 짜내거나 다른 약품으로 녹여 얻는다. 표백한 것-> 화이트 왁
[실험 15] 피지조절 워시오프팩 만들기 [내부링크]
1. 배경 지식 1) 워시오프팩 : 팩을 바르고 일정 시간 후 물로 씻어내는 팩이다. 2. 실험 1) 실험 재료 1. 정제수 2. 알로에가루 - 피부진정 - 영양 - 탄력 - 항산화제 3. 카올린 클레이(←피지흡착) - 실리카를 주성분으로 한 점토질의 물질 - 철, 칼슘, 마그네슘, 포타슘, 아연 등의 미네랄 성분을 포함하고 있음. - 햇빛에 자연 건조하여 미네랄을 활성화시킬 수 있음. 4. 옥수수 가루 5. 자몽추출물(←방부제) - 자몽씨로부터 추출한 천연 방부제 (소량 약 전체의 0.5%정도만 첨가해도 제품 본래 보존기간 보다 약 두 배 정도 증가 시킴) - 살균, 소독, 방부제 -> 박테리아나 세균 감염에 내복약으로 사용 -> 상처나 중이염, 인후염 등 외용약으로 사용 6. 티트리 에센셜오일(←피지조절) - 여드름에 good - 피부 진정에 good - 비듬이나 발진등에 효과 좋음 7. 글리세린(←보습제) - 글리세롤이라고도 불림 - 무색 무취 - 공기의 수분 흡수 -> 보습력
[실험 16] 피부진정 스킨 만들기 [내부링크]
1. 배경 지식 1) 피부진정 스킨 : 비누 세안으로 인해 높아진 피부의 pH를 정상적으로 돌아오게 하고 피부결을 정돈시켜 준다. 2. 실험 1) 실험 재료 1. 정제수 2. 올리브 리퀴드(←가용화제) - 오일성분을 워터류에 첨가하여 가용화시키는 원료 - 사용비율이 높아지면 피부 자극, 건조한 사용감 -> 건조, 민감 피부에는 사용량 제한 필요 3. 프로폴리스 - 항염, 항산화, 면역력 증가에 good - 프로폴리스 구성 성분 중 플라보노이드는 활성산소를 없애 항산화 효과가 있다. (+항균 작용) - 프로폴리스 구성 성분 중 케르세틴은 항암 효과를 나타내기 때문에 암세포 유전자가 복제되기 전에 차단한다. 4. 자몽추출물(←방부제) - 자몽씨로부터 추출한 천연 방부제 (소량 약 전체의 0.5%정도만 첨가해도 제품 본래 보존기간 보다 약 두 배 정도 증가 시킴) - 살균, 소독, 방부제 -> 박테리아나 세균 감염에 내복약으로 사용 -> 상처나 중이염, 인후염 등 외용약으로 사용 5. 글
[실험 17] 수분크림 만들기 [내부링크]
1. 배경 지식 1) 수분크림 : 피부에 수분을 보충하기 위해 사용하는 화장품. 크림의 형태를 하고 있으면서도 기름기가 거의 없고 수분 함량이 높은 것이 특징이다. 2. 실험 1) 실험 재료 1. 알로에 모이스트 - 알로에 모이스트(베라젤)은 높은 점성의 투명 수용성 젤 - 피부 진정 효과 - 수용체 다당체 성분이 풍부 -> 보습제 기능 - 뛰어난 멜라닌 색소 형성 억제 효과 -> 기미, 주근깨 감소 등 화이트닝 효과 - 사과산 등 유기산 함유 -> 콜라젠 생성 촉진, 피부 건조로 인한 잔주름 예방, 피부 탄력 증가 - 알로에친 성분은 세균과 곰팡이에 살균력 있음. - 머리 가려움 증, 비듬 발생 개선, 탈모 예방 - 천연화장품 만들 때 일반적으로 크림/로션에 1~10퍼, 미백 에센스에 10~20퍼, 수분젤 크림에 30~40퍼, 천연 샴푸에 1~5퍼가 첨가됨. 2. 아카시아 콜라젠(←진정, 항염) - 식물성 콜라젠 성분 - 생체 보호, 지지 - 피부 결합 조직 활성화, 피부 노화 방
[실험 18] 아토크림 만들기 [내부링크]
1. 배경 지식 1) 아토크림 : 지방유나 유랍 중의 하나와 물을 유화제로 유화시켜 원료와 전혀 다른 품질형체로 만든 제품의 총칭. - 로션보다 점성이 높음 - 피부를 보호, 영양 공급 - 자극에 민한 피부를 부드럽게 가꾸어줌 2. 실험 1) 실험 재료 1. 정제수 2. 호호바 오일(←피부보호, 살균작용) - 호호바는 미국 캘리포니아, 멕시코 남부 지방에서 자생하는 열매로, 호호바 오일은 이 열매의 씨를 압착해 추출한 것. - 오일이라는 이름이 붙었지만, 일반적인 식물성 오일과는 다른 액상 왁스 형태로 사람의 피지 성분과 유사한 분자구조 가짐 - (by국제분자과학 학회지) 지루성 피부염, 여드름, 습진, 피부 노화에 효과 있음 - 여드름과 피부트러블에 좋은 효능 -> 사람의 피지와 가장 비슷한 구조의 오일로, 바르게 되면 피부가 이미 피지의 과다분비로 인해 생길 수 있는 여드름과 같은 피부 트러블을 억제&모공 확장 막아 노폐물 배출 - 여드름에 의한 흉터 및 염증 치료에 효과적 3.
[쿠키런킹덤] 트위즐젤리맛 쿠키, 마라맛 쿠키, 펌킨파이맛 쿠키, (+쿠키런킹덤 쿠폰) [내부링크]
맨날 블로그에 학문적인(?)이야기만 쓰다가 일기를 써보려고 한다 ㅎㅎ 내가 쉴 때마다 하는!! 쿠키런 킹덤을 첫 글으로!!ㅎㅎ 최근에 나온 쿠키들 세 개 뽑는 영상 먼저 업로드!! 모두 뽑았다!!! (영상은 몇 주전 영상 ㅎㅎ) 트위즐젤리맛 쿠키 토핑은 아래의 조합이 좋다고 한다!!(아직 사용 잘 안해서 라즈베리 대충 넣어놨당 히히) 라즈베리5개 or 애플젤리5개 or 라즈베리 3개+애플젤리2개 그 다음으로 마라맛 쿠키 토핑은 아래의 조합이 좋다고 한다!! 초콜릿칩5개 마지막으로 펌킨파이맛 쿠키는...! 두구두구 아몬드5개 바로 아몬드 5개 조합!! 피피는 스킨 안껴도 귀여워... 성능도 조아...너 체고야....(하트) 그리고 완전 좋았던 마스터3으로 홀리베리 시즌1을 마쳤다 히히(•ᴗ•) *。 내가 마스터3이라니 ㅎ.ㅎ 젤 좋은 보상!!! 아 그리고 오늘 공지보니까 쿠키런 킹덤 글로벌 누적 3천만!!왕국을 돌파했다고해서 쿠폰이 나왔길래 받았다!! 안받은 사람 모두 받으세요!!!!
[홍대데이트] 오레노라멘, 산리오러버스클럽, cbd카페(커피벌스데이), 아이엠어버거 등 [내부링크]
휴가 나온 구닌이랑!! 데이트를 해따 히히히>_< 완전 철저한 계획을 세우고 갔다!!vV（＾ｖ＾）Vv 우리의 목적은 간단했다.............. 바로바로!!! 맛난거 마니마니 먹고 피규어 구경을 해보자!!!!!!!! + 내 사랑 시나모롤도 보러가기 ლ(ლ) (사실 피규어 구경가면 아는게 짱구랑 도라에몽, 진격의 거인, 포켓몬, 커비..?...?정도 밖에 없음 헤헷...그래도 몬가 아는척하려고 가씀...!!!) 두근두근..!! 아래는 남자친구가 정리해놨던 것!!! 1. 오레노 라멘 먼저..!! 우리는 배가 고팠기 때문에 무려 미슐랭...맛집..?인 오레노 라멘을 먹으러 갔다!!! 줄이 짧아서 곰방 들어가서 행복했다는 점>_< 메뉴도 이렇게 다양하게 있었는데..! 사실 뭔지 몰라서 구냥 유명한거 같은...이름 멋진거 두 개 골랐당 토리 ㅃ이탄 라멘하고 카라 빠이탄 라멘!! 빠이탄은 먼가 빠이튕~~~~넘처보여서 고름 키키키키키 >_< (근데 존맛탱!!!!!!!!미쵸쏘!!!!!!୧୨)
[공유] 비누화 반응 [내부링크]
화학백과 비누화 반응 [ saponification ] 비누화 반응은 에스터 작용기를 NaOH나 KOH와 같이 –OH를 포함한 염기성 용액과 반응시켜 카복실산 염과 알코올을 생성하는 반응이다. 동물성 지방이나 식물성 기름의 비누화 반응에서는 지방산의 Na+ 염(또는 K+ 염)인 비누가 생성된다. 보통 비누는 소듐 염이지만 포타슘 또는 기타의 금속 이온을 포함한 특수한 용도의 비누도 있다. R-COO-R' + MOH → R-COO-M+ + R'OH (M은 금속을 의미하고, Na, K, Ca, Li 등이 될 수 있음) 목차 1.에스터 분해 메커니즘 2.비누의 제조 과정 3.비누화 값 (saponification value) 4.비누의 세정 작용 5.비누화 작용의 응용 5.1.강염기 및 지방 종류에 따른 연질 비누와 경질 비누 제조 5.2.리튬 비누 5.3.소화기 6.비누와 합성 세제와의 차이점 에스터 분해 메커니즘 에스터를 분해하여 카복실산과 알코올을 생성하는 과정은 산을 촉매로 사용하
[문래역 셀프사진관] 파인딩더블유(findingw) [내부링크]
같이 수험생활을 했던 친구와 만나서 추억을 쌓으려구 문래역에 있는 셀프사진관 파인딩더블유에 방문해따o((*^^*))o "촬영+사진 셀렉 + 보정"까지 1시간이나 주시는.... 엄청난 곳.... (다른 셀프사진관은 진짜 시간 너무 짧아서 으아아앙 이런 느낌인데 대박이여똬...) 친구랑 셀카만 찍어봤어서 사진관간다고 하니 두근두근...!!!! 아래처럼 예약 완료!!!!! (^O^) 예약 하는 법!! 예약은 필.수 (우리는 예약 성공했돠 음하하) 예약까지 마치고 말랑콩닥한 심장을 부여잡고 예약일까지 숨을 참..았...다...!!!!!!!흡...... 드뎌 예약 당일!! 문래역으로 쓩==≡≡ΣΣ(っ´｀)っ 파인딩더블유 도착!!!! 간판 포착!!! 파인딩더블유 입구 '간판이랑 문 이쁘다....'라는 생각이 들었지만 빨뤼빨뤼 바로 입장!!!! 시간이 없숴!! 가게 내려가는 중 찍은 사진들 여기 분위기 무슨 일..... 거울 + 우리 얼굴이 보이는 티비 + 세상귀욤 강쥐 콤보 세트.... (사장
[요리] 콩비지찌개 [내부링크]
때는 11월 26일... 콩비지찌개를 해먹고 싶은 날이였다...!! 하지만, 한 번도 해보지 않았기에... 엄마에게 전화를 걸어 레시피를 알아냈다!! 뚜뚠 레시피 전화하면서 급하게 적어서 오타가... ㅎ.ㅎ 이거슨 재료 설명인가 레시피인가..(?) (사실 막 적어서 이상한 부분도 있음) 알아서 잘 대~~충 만들어보면 되것지 라는 생각에 재료 사와서 만들기 시작!!!੭)੭⁾⁾ 따라하고 싶은 사람은 위에 메모장말고 밑에 레시피를 봐쥬세요 히히(하트) 1. 찌개용 고기 넣기(with 들기름, 마늘) 먹고 싶은 만큼!! 고기를 넣고 찹찹!! 찌개용 돼지고기랑 들기름을 넣고 볶볶~.~ 어느정도 볶고 나서 마늘을 넣고 다시 볶볶!! 버터같지만 다진 마늘입니돠(집에 소분해놓은 다진 마늘 대애충 저정도 넣었습니당ㅎ,ㅎ) 이때부터 갑자기 배고픔...지수 up... 냄새 미춌... 아무튼 이렇게 열심히 볶아줬ㄷ ㅏ!! 쌀뜨물 넣기 다 볶아줬으면 쌀뜨물을 넣어주면 되는데,,, 없어서 그냥 물을 넣어줬다
[Day 6,7] 폼과 관련된 태그들(HTML의 다양한 태그들 - 5) [내부링크]
1. 폼 태그 : <form> 태그 <form [속성="속성값"]> 여러 폼 요소 </form> form 태그 속성 - method : 사용자가 입력한 내용을 서버 쪽 프로그램으로 어떻게 넘겨줄 것인지에 대한 속성. (get/post 사용가능) (get : 데이터를 256~4096byte까지만 서버로 넘김, 단점 : 사용자가 입력한 내용이 그대로 드러남) (post : 길이 제한 없음. 입력한 내용 드러나지 x) - name : 사용할 폼의 이름을 지정 - action : <form> 태그 안의 내용을 처리해 줄 서버 프로그램 지정 - target : action 속성에서 지정한 스크립트 파일을 현재 창이 아닌 다른 위치에서 열 수 있도록 하는 태그 - autocomplete : for 자동 완성 기능. 기본 속성값은 "on" 2. 폼 요소를 그룹으로 묶는 태그 : <fieldset>, <legend> 태그 - 하나의 폼 안에서 여러 구역 나누어 표시할때 <fieldset> 태그 사
[Day 8] 폼과 관련된 태그들2(HTML의 다양한 태그들 - 6) [내부링크]
1. 사용자 입력을 위한 태그인 <input> 태그의 주요 속성 autofocus 자동으로 입력 커서를 갖다 놓음 placeholder 텍스트 필드에 힌트 표시 readonly 읽기 전용으로 만들어줌 required 필수 입력으로 만들어줌 max, min 숫자 입력 필드에서 최댓값, 최솟값 지정 step 숫자 입력 필드에서 증감 간격 설정 maxlength, minlength 텍스트 관련 입력 필드에서 입력할 수 있는 최대, 최소 길이 지정 size 텍스트 관련 필드에서 화면 표시할 크기 설정 list 연결할 데이터 목록 지정 2. 폼에서 사용하는 다양한 태그 <textarea>태그 여러 줄의 텍스트 입력 <textarea>내용</textarea> 속성 cols : 가로 너비를 문자 단위로 지정 rows : 세로 길이를 줄 단위로 지정 <select>, <option> 태그 드롭다운 목록을 만듦 <select> <option value="값1">내용1</option> <option
[Day 11] CSS - 구글 폰트 사용하는 법 [내부링크]
1. 구글 폰트 사이트 접속 https://fonts.google.com/ Google Fonts Making the web more beautiful, fast, and open through great typography fonts.google.com 구글 폰트 사이트 (1-1. 한글 글꼴만 모아서 보기)(생략 가능) 3. 사용하고 싶은 폰트 선택 원하는 폰트 클릭 후, 사용하고 싶은 스타일 선택 4. @import를 클릭하여 아래의 두 코드를 복사 5. 사용 예시 <!DOCTYPE html> <html lang="ko"> <head> <meta charset="UTF-8"> <title>구글 폰트 - 나눔명조</title> <style> @import url('https://fonts.googleapis.com/css2?family=Nanum+Myeongjo&display=swap'); h2 { font-family:'Nanum Myeongjo', serif; } </style
[Day 12] CSS - 다양한 스타일(2) [내부링크]
1. 목록 관련 스타일 1) list-style-type : 불릿 모양과 번호 스타일 지정 none(볼릿이나 숫자 없앰), disc(채운 원), circle(빈 원), square(채운 사각형), decimal(1,2,3,···), decimal-leading-zero(01, 02,···), lower-roman(로마 숫자 소문자), upper-roman(로마 숫자 대문자), lower-alpha 또는 lower-latin(알파벳 소문자), upper-alpha 또는 upper-latin(알파벳 대문자) 사용 예) .list1{ list-style-type: none; } 2) ㅣist-style-image : 불릿 대신 이미지를 사용하는 속성 list-style-image: <url(이미지 파일 경로)> | none 사용 예) ul { list-style-image: url('image/duck.png'); } 3) list-style-position : 목록 들여쓰기 가능하게 해
[Day 13] CSS 박스 모델 [내부링크]
1. 블록 레벨 요소&인라인 레벨 요소 ① 블록 레벨(block-level) 요소? : 태그를 사용해 요소를 삽입했을 때 혼자 한 줄을 차지하는 것 ② 인라인 레벨(inline-level) 요소? : 한 줄을 차지하지 않고, 콘텐츠만큼만 영역을 차지하는 것 2. 박스 모델 웹 문서의 블록 레벨 요소는 모두 박스형태 → 박스 모델 요소 : 콘텐츠 영역, 패딩(padding), 테두리(border), 마진(margin) 등의 요소로 구성 박스 모델 요소 3. 관련 CSS 1) width, height : 콘텐츠 영역의 크기 지정 속성값 - auto : 콘텐츠 양에 따라 width, height 자동 결정. 기본값. - <크기> : px이나 em 단위로 지정 - <백분율> : 박스 모델을 포함하는 부모 요소를 기준으로 백분율(%)으로 width, height 지정. 사용 예) .box { width: 20px; height: 100px; } 2) box-sizing : 박스 모델의 크기를
[Day 14] CSS(테두리, 여백, 레이아웃, 위치 지정) [내부링크]
1. 테두리 관련 스타일 cf) 박스 모델의 방향 순서는 top→right→bottom→left (시계 방향) 1) border-style : 테두리 스타일 지정 속성값 : none, hidden, solid, dotted, dashed, double, groove, inset, outset, ridge 사용 예) #box { border-style:double; } 2) border-width : 테두리 두께 지정 border-width: <크기> | thin | medium | thick 사용 예) #box1 { border-width:5px; /* 네 방향 모두 5px */ } #box2 { border-width:thick thin; /* 상하 - thick, 좌우 - thin */ } #box3 { border-width:thick thick thin; /* 상 - thick, 우 - thick, 하 - thin, 좌 - thick */ /* 이렇게 3개 일 경우 left는
[Day 15,16] 배경 관련 CSS [내부링크]
1. 배경 이미지 관련 cf) 박스 모델의 방향 순서는 top→right→bottom→left (시계 방향) 1) background-color : 배경색 지정 속성 - 아래의 게시물에서 설명한 color속성과 같은 방법으로 사용 https://blog.naver.com/cleveryellowduck/222613856853 [Day 10] CSS - 다양한 스타일(1) 1. 글꼴 관련 스타일 1) font-family : 글꼴 종류 지정(글꼴 이름이 두 단어 이상이면 " "로 묶... blog.naver.com 사용 예) header { background-color: yellow; } 2) background-clip : 배경색의 적용 범위 지정 - border-box : 기본값. 박스 모델에서 가장 외곽인 테두리까지 적용 - padding-box : 패딩 범위까지 적용 - content-box : 콘텐츠 부분에만 적용 사용 예) #clip1{ background-clip: pad
[Day 17] CSS - 연결 선택자와 속성 선택자 [내부링크]
1. 연결 선택자 : 둘 이상의 선택자를 연결, 스타일이 적용될 요소 지정 - 연결 선택자는 조합 선택자, 콤비네이션 선택자, 콤비네이션 셀렉터 등으로도 불림 1) 하위 선택자(descendant selector) : 부모 요소에 포함된 하위 요소를 모두 선택 - 자손 선택자라고도 불림 상위요소 하위요소 사용 예) ...(생략)... section p { /* section 요소의 모든 하위 p 요소에 적용 */ color: violet; } </style> </head> <body> <section> <h1> 노란 오리 블로그 이용법</h1> <p>노란 오리 호감도 올리기</p> <div> <p>공감 : 노란 오리의 호감도 +1</p> <p>이웃 추가 : 노란 오리의 호감도 +1</p> <p>댓글 달기 : 노란 오리의 호감도 +1</p> </div> </section> ...(생략)... 2) 자식 선택자(child selector) : 자식 요소에만 스타일 적용하는 선택자. '
[Day 17] CSS - 가상 클래스와 가상 요소 [내부링크]
1. 가상 클래스 : 선택자에 추가하는 키워드로 선택한 요소가 특별한 상태여야 만족할 수 있음. - 웹 문서의 여러 요소 중에서 원하는 요소 선택하여 스타일 적용 ※주의※ 아래의 표에서 노란색 가상 클래스 선택자는 다음의 순서로 정의해야함 (순서 지키지 않을 시 적용 안되는 경우 발생) ① :link ② :visited ③ :hover ④ :active 가상 클래스 선택자 종류 :ㅣlink 방문하지 않은 링크에 스타일 적용 :visited 방문한 링크에 스타일 적용 :hover 지정한 요소에 마우스 포인터 올려놓을 때 스타일 적용 :active 지정한 요소 활성화 시 스타일 적용 :focus 지정한 요소에 초점이 맞춰졌을 때 스타일 적용 :target 같은 문서 안에서 다른 위치로 이동할 때에는 앵커(anchor)를 이용하는데, 앵커 대상에 스타일 적용 :enabled 지정한 요소를 사용할 수 있는 상태일 때 스타일 적용 :disabled 지정한 요소를 사용할 수 없는 상태일 때 스
[Day 18] CSS - 변형(trnasform)과 트랜지션(transition) [내부링크]
1. 변형(transform) : 물체의 크기나 형태의 위치를 바꾸는 것 transform: 함수 사용 예) .image1{ transform: translate(10px, 10px);} 1) 2차원 변형 함수 ('transform: 함수'에서 함수자리에 쓸 수 있는 것들) translate(tx, ty) 웹 요소를 이동시킴 지정한 크기만큼 x축, y축으로 이동 (x축의 경우 → +값 : 왼쪽, -값 : 오른쪽 이동) (y축의 경우 → +값 : 아래쪽, -값 : 위쪽 이동) translateX(tx) 지정한 크기만큼 x축으로 이동 (+값 : 왼쪽, -값 : 오른쪽 이동) translateY(ty) 지정한 크기만큼 y축으로 이동 (+값 : 아래쪽, -값 : 위쪽 이동) scale(sx, sy) 웹 요소를 확대, 축소시킴 지정한 크기만큼 x축, y축으로 확대, 축소 (sz, sy배만큼 확대) scaleX(sx) 지정한 크기만큼 x축으로 확대, 축소 scaleY(sy) 지정한 크기만큼 y
[Day 19] CSS - 애니메이션(animation) 속성 [내부링크]
1. 애니메이션(animation) 속성 : 자바스크립트 사용하지 않고도 웹 요소에 애니메이션을 추가 가능 키프레임(keyframe)? : 에니메이션 중간에 스타일이 바뀌는 지점, @keyframes 속성으로 정의. animation의 속성 1)~7) 1) @keyframes : 애니메이션이 바뀌는 지점 설정 @keyframes <이름> { <선택자> {<스타일>} } 2) animation-name : 이름 사용해서 애니메이션 구별 animation-name: <키프레임 이름> | none 1)2) 사용 예) ...(생략)... <style> ...(중략)... #redbox { background-color: red; border: 1px solid blue; animation-name: tocircle; /* 애니메이션 이름 지정 */ animation-duration: 5s; /* 애니메이션 실행 시간 */ } @keyframes tocircle { /* shape 애니메이션
[Day 20] CSS - 반응형 웹과 미디어 쿼리 [내부링크]
이번 게시글부터는 다른 폰트를 이용해서 써보겠습니다 ㅎ.ㅎ(뭔가 더 깔끔해보이는 것 같아요!) 1. 반응형 웹 디자인 : 웹 요소를 화면 크기에 맞게 재배치하고 각 요소의 표시 방법만 바꾸어 주는 것 1) 뷰포트(viewport) : 실제 내용이 표시되는 영역 - <meta> 태그 이용해서 <head></head>사이에 작성 <meta name="viewport" content="속성1=값1", "속성2=값2", .....> 뷰포트 속성 - width(뷰포트 너비) - height(뷰포트 높이) - user-scalabe(확대, 축소 가능 여부) - initial-scale(초기 확대, 축소 값) 가장 많이 쓰이는 뷰포트 속성 <meta name="viewport" content="width=device-width, initial-scale=1"> <!--뷰포트의 너비는 스마트폰 화면 너비에 맞춤, 초기 화면 배율은 1--> cf) 뷰포트 단위 vw(뷰포트 너비의 1%) vh(뷰포트
네이버 블로그
티스토리
커뮤니티