개인코딩개발공장

# 기명함수와 익명함수console.log(function fuc() { return "뿩!"; }, ": 기명함수/ 이름이 있는 함수래~"); console.log(function () { return "뿩!"; }, ': 익명함수/ 이름이 없는 함수래~');둘다 함수리터럴로 평가되서 함수객체를 참조한다. 기명함수와 익명함수를 함수리터럴로 참조해서 콘솔로찍어보면 저렇게 참조한다. 브라우저에서 console.dir로 보면 명확히 알 수 있다.브라우저상에서 console.dir로 프로퍼티들을 살펴보면 name을 키로 갖는 프로퍼티에 기명함수는 'fuc'라는 스트링이 값으로 나와있고, 익명함수는 그냥 빈 스트링 ""이 나와있다. # 함수이름console.dir(function fuc() { return "뿩..

# 먼저 리터럴에 대해서 다시 살펴보자. https://jacobowl.tistory.com/137 값(value), 리터럴(literal), 표현식(expression), 문(statement)# 리터럴(literal) 리터럴은 사람이 알아보는 기호로 적은 표기법을 말한다. 이전 '메모리에 저장되는 기본구조' 포스팅에서 컴퓨터는 데이터를 2진법으로 저장한다고 했었다. 메모리에 저장되는 jacobowl.tistory.com 위 포스팅에서 리터럴에 대해서 설명을 했었다. 리터럴이란 우리가 직접 vs코드에 치는 사람이 알아볼수 있는 코드이고, 이 리터럴이 자바스크립트엔진에의해 평가되어 메모리에 값으로 저장된다. 리터럴은 표현식에 포함된다. # 함수는 객체다 https://jacobowl.tistory.com..

원시타입은 흔히 우리가 변수에 할당하는 스트링 넘버 등이 있고, 객체타입은 말그대로 객체타입이다. 어레이, 객체, 함수등이 있다. 원시타입과 객체타입은 근본적으로 메모리접근,참조방법에서 다르다. # 원시타입의 메모리 활용방법 원시타입인 값은 그냥 뭐 스트링 숫자 이런거다.. 뭐 이전 포스팅에서 오지게 설명했던 부분이다. 변수(식별자)는 메모리주소랑 연결되어있고 이 메모리주소는 실제 데이터가 들어있는 공간에 접근하여 데이터를 가져온다. # 원시타입은 immutable(변경불가능한)값이다!! let value = 'muzzi'; value = 'dori'; 예시로 이 코드에서 메모리공간이 활용되는 것을 보자. 참고로 우리집 개들 이름이 무찌랑 도리다.. 앞으로 자주보게될거다.. 맨처음 value를 선언할때 ..

원본사진이다 # 힐링브러시툴 이거 레이어복사해서 큰거제거라고 이름붙여줌 그럼 여기서 이제 이거 클릭 알트누르면고 클릭하면 원하는 색 지정 그냥클릭하면 브러쉬 작동 물론 페더 조절하고하샘 요 눈밑 여드름을 지워버렸다.. 요렇게 지웠음 # 피부보정 (필터) 레이어 복사하고 난 이걸 피부보정이라 명명하였다. - 가우시안블러 뭐 가우시안블러는 백만번 본것같다. 이거누르면 이 창 뜨는데 10픽셀로 바꾸샘 - 노이즈 메디안 5픽셀 하샘 - 필터갤러리 요기 클릭하면 이렇게 새창뜸 텍스쳐에서 텍스츄라이저 클릭하고 저기서 스케일링을 sandstone으로 바꾸고 스케일링 50퍼, 릴리프 1로 하고 오케이 사진이 최종적으로 이렇게 되부렀다.. # 레이어마스크 반전으로.. 레이어 마스크를 만들면 기본으로 하얀색이 된다 이걸 ..

# 일러스트에서 포토샵으로 오브젝트 가져오기 그냥 일러스트에서 원하는 오브젝트 복사해서 포토샵에서 붙여넣기 그렇게하면 이런창이 뜸. 여기서 스마트 오브젝트 하면 벡터처리해줌. (픽셀하면 픽셀이라서 크기 조절하면 깨짐) 인스타로고를 가져왔당. # 렉탱귤 색만들기 맨처음 만들때 이렇게 되는데 색변경하는게 어려웠음.. 근데 그냥 위 탭쪽 아래 보면 있음. 여기서 필을 기본설정이 투명색으로 해놨네.. 바꾸면댐 # 레이어끼리 align 위쪽탭에 있다.. 포토샵에 align이 왜없나 싶었다.. # convert to smart object 이렇게 사각형은 좀 투명하게하고 인스타 로고랑 레이어 두개 다 잡아서 convert to smart object로 바꾸샘 뭔진 잘모름. 여기서 프리트랜스폼 모드로 들어가면 마우스..

이 사진을 아웃포커싱 해보자 틸트쉬프트 들어가자 사진이 이렇게 된다. 여기서 조절을 하면된다. 난 대충 이렇게 했다 오른쪽에 이런거 있는데 조절하고 ok 이상태에서 레이어마스크 추가하고 브러쉬툴로 좀 조절하면댐.. 그 레이어에 오파시티 조절해주면 블러처리된거 적당히 조절가능. before after

# 펜툴 이게 펜툴이다. 일러스트에서 많이다뤄서 익숙하다. 근데 여긴 세부선택? 그게없다(일러스트레이터 단축키 A) 그냥 펜툴 쓰다가 맘에안드는 점은 cntl+클릭하고 수정해야한다. 대충 우산을 잡아보자. 이렇게 펜툴로 영역잡았따. 여기서 이걸 선택영역이라고 생각하고 먼짓을 하면 안된다. 이상태에서 cntl+엔터를 눌러야 선택영역으로 바뀐다. ㅇㅋ # 레이어 합치기 합칠 레이어 여러개 선택하고 우클릭후 머지레이어 누르기 아니면 그룹내에있는 레이어들을 다 합치려면 그룹 우클릭후 머지 그룹하면됨. 그러면 레이어들이 전부다 합쳐져서 이렇게 표현됨 그룹은 폴더개념이고 머지로 하면 아예 한 레이어에 다 쑤셔박아서 개별적으로 수정이 안됨. # 투명한 그림자 만들기 이걸 그림자를 만들어보자. 레이어 복사후 이걸 위아..

# 첫번째 시도했던 방법 : 코드복붙 걍 vs코드에서 코드복사해서 바로 복붙해버렸따. 근데 이게 코드가 색깔이 뒤죽박죽이다보니 배경색이랑 섞여서 코드를 알아볼수가 없었다. 그래서 이 험난한 여정이 시작되었다.. # 두번째 찾았던 방법 (codesnap 익스텐션) vs코드에서 익스텐션인데 뭐 이쁘긴 하다.. 몇몇 블로그 포스팅에서도 이거 자주 보인다. 근데 일단 단점은 파일로 저장해서 가져와야한다는거.. 사진자체가 복사가 안된다. 그래서 파일저장창 뜨고 바탕화면이든 어디 저장하고 그 이미지를 복사해서 가져와야한다. 성격급한 나로써는 피곤하다.. 책을보더라도 형광펜색깔 나눠쓰지않음.. 그냥 내 옆에 있는 색깔 형광펜 주워다 쓰니까.. 그리고 내가 가장 중요하게 생각했던 단점은 코드를 복사못한다. 사진이니까 ..

# 실제 개발을 하면서.. 여러 데이터들을 백단과 통신하면서 이런 데이터 구조를 많이 봤을것이다. const userInfo = [ { idx: 1, id: "helloman" }, { idx: 2, id: "byeman" }, { idx: 3, id: "sexman" }, { idx: 4, id: "niceman" }, ]; 보통 db쪽에서 받은 데이터들을 JSON형식으로 받아오면 이런 데이터를 가져오게된다. 이런 '어레이안에있는 객체데이터들'을 반복문을 돌려서 사용해보자. 아래 포스팅에서 어레이와 객체를 반복문에 돌리는 방법들을 소개해봤다. https://jacobowl.tistory.com/163 객체, 배열 반복문의 종류 / 어레이 순환 프로토타입 메서드 const arr = ["가", "나", ..

const arr = ["가", "나", "다"]; const obj = { key1: "value1", key2: "value2", key3: "value3" }; 이렇게 어레이와 오브젝트를 하나씩 만들었다. 이걸 반복문을 사용해서 처리를 해보자. ## for in 반복문 (배열 ok, 객체 ok) # 배열 반복 for (i in arr) { console.log(i); } // 출력 0,1,2 0,1,2를 출력한다. 배열의 인덱스를 하나씩 출력하는것이다. 따라서 아래와같이 배열의 인덱스를 참조하는 코드로 쓰면, for (i in arr) { console.log(arr[i]); } //출력 가,나,다 이렇게 배열의 요소를 각각 출력해준다. + i를 선언해도, 안해도 된다. for (let i in a..